all_btn.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .more_link{
  2. padding: 0rem 1rem 0.2rem 1rem;
  3. background: white;
  4. border: 1px solid $color2024;
  5. border-radius: 0;
  6. a{
  7. font-family: 'Mariannebold';
  8. font-size: 0.6rem;
  9. color: $color2024;
  10. span{
  11. padding-left: 0.5rem;
  12. }
  13. }
  14. }
  15. #block-colloque2024-views-block-slide-programme-block-1,
  16. #block-colloque2024-views-block-dernieres-publications-block-1{
  17. .more_link{
  18. margin: 0.5rem 0;
  19. width: fit-content;
  20. }
  21. }
  22. @media screen and (min-width: 576px) {
  23. #block-colloque2024-views-block-slide-programme-block-1,
  24. #block-colloque2024-views-block-dernieres-publications-block-1{
  25. .more_link{
  26. margin: 0;
  27. }
  28. }
  29. }
  30. // BTN LIVE
  31. .link_live{
  32. margin: auto;
  33. width: 100%;
  34. & > div{
  35. margin:auto;
  36. a{
  37. padding: 0.7rem 2rem;
  38. background: $color2024;
  39. color: white!important;
  40. font-family:'Marianneregular';
  41. text-transform: uppercase;
  42. font-size:1rem;
  43. &:hover{
  44. @include shadow;
  45. }
  46. @media screen and (min-width: 576px) {
  47. font-size:1rem;
  48. padding: 0.7rem 4rem;
  49. }
  50. @media screen and (max-width: 576px) {
  51. font-size: 0.8em;
  52. padding: 0.7rem;
  53. }
  54. }
  55. }
  56. }