diff --git a/website/modules/asset/ui/src/scss/_cases.scss b/website/modules/asset/ui/src/scss/_cases.scss index c805bbfa..cf31c26a 100644 --- a/website/modules/asset/ui/src/scss/_cases.scss +++ b/website/modules/asset/ui/src/scss/_cases.scss @@ -828,7 +828,7 @@ height: auto; width: auto; z-index: 1; - margin: 80px 0 0; + margin: 110px 0 0; @include breakpoint-medium { background: $white; @@ -1400,25 +1400,14 @@ z-index: 2; text-decoration: none; display: block; - width: 100%; - max-width: 687px; - padding: 0 20px; + position: absolute; + top: 0px; + left: 20px; + @include breakpoint-medium { - position: absolute; top: 40px; left: 0; - padding: 0; - } - - &:hover, - &:focus { - text-decoration: none; - - .cs_partnership-box { - box-shadow: 0 4px 12px rgba($black, 0.15); - transform: translateY(-2px); - } } } @@ -1426,44 +1415,31 @@ background-color: $white; padding: 8px; display: flex; - flex-direction: row; + flex-direction: column; align-items: center; justify-content: center; - gap: 16px; + gap: 8px; text-align: center; - transition: all 0.3s ease; @include breakpoint-medium { - flex-direction: column; width: 114px; padding: 12px; - gap: 8px; } } .cs_partnership-label { display: flex; - flex-direction: row; + flex-direction: column; align-items: center; - gap: 2px; - - .cs_partnership-text:nth-child(3) { - display: none; - } - - @include breakpoint-medium { - flex-direction: column; - align-items: center; - } } .cs_partnership-text { - @include font-settings(11px, 110%, $font-weight-extra-bold); + @include font-settings(9px, 100%, $font-weight-extra-bold); color: $gray-500; - display: block; + text-transform: uppercase; @include breakpoint-medium { - text-transform: uppercase; + @include font-settings(11px, 110%, $font-weight-extra-bold); } }