Untitled
unknown
plain_text
a year ago
3.9 kB
7
Indexable
[class*='pictureWrapper']::before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); opacity: 0; transition: opacity 0.3s ease; z-index: 1; } a.eg-learn-more-button { margin-top: 10px; } div[class*="-cardWrapper"] .eg-button-wrapper:hover + a [class*='pictureWrapper']::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 1; transition: opacity 0.3s ease; z-index: 2; } [class*='cardWrapper']>a:hover [class*='pictureWrapper']::before { background-color: rgba(0, 0, 0, 0.5); opacity: 1; } [class*='cardWrapper']>a::before { content: ""; position: absolute; top: 0; left: 0; border-radius: 20px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); opacity: 0; transition: opacity 0.3s ease; z-index: 2; } [data-item="result-card"]>div:last-child { padding-bottom: 5px; } [class*='cardWrapper']>a:hover::before { background-color: rgba(0, 0, 0, 0.1); } /* [class*='cardWrapper']>a:hover { opacity: 0.99; } */ .eg-quote-button { color: rgb(255, 255, 255); cursor: pointer; background: rgb(229, 37, 0); padding: 4px 40px 4px 16px; border-radius: 16px; font-size: 14px; font-weight: 500; line-height: 24px; text-decoration: none; z-index: 3; position: relative; margin-bottom: 10px; pointer-events: all; font-family: Effra !important; } .eg-quote-button::after { content: ""; background-image: url(/icons/media/arrow-right-white.svg); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; right: 15px; top: 50%; width: 16px; height: 16px; margin: -8px 0px 0px; background-size: cover; } .eg-learn-more-button, .eg-arrange-button { color: black; cursor: pointer; background: #ffffff; padding: 4px 16px 4px 16px; border-radius: 16px; font-size: 14px; font-weight: 500; line-height: 24px; text-decoration: none; z-index: 3; position: relative; border: none; display: flex; align-items: center; justify-content: center; font-family: 'effra'; } div[class*="-cardWrapper"]:hover .eg-button-wrapper { display:flex; } div[class*="-cardWrapper"]:has(.eg-button-wrapper:hover) a[data-item="result-card"] { box-shadow:rgba(0, 0, 0, 0.08) 0px 10px 80px !important; } div[class*="-cardWrapper"]:hover a[data-item="result-card"] { box-shadow:rgba(0, 0, 0, 0.08) 0px 10px 80px; } .eg-button-wrapper { position: absolute; top: 32%; left: 50%; transform: translate(-50%, -50%); display: none; flex-direction: column; grid-gap: 0px; opacity: 1; z-index: 9; } [class*='cardWrapper']>a:hover .eg-button-wrapper { display: flex; flex-direction: column; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } html body .eg-quote-button:hover { background-color: #c3290b !important; } html body .eg-learn-more-button:hover, .eg-arrange-button:hover { background: #f5f5f5 !important; } @media screen and (min-width: 1024px) and (max-width:1144px) { .eg-learn-more-button, .eg-arrange-button { padding: 4px 16px 4px 16px; } .eg-quote-button { padding: 4px 16px 4px 16px; width: 130px } } @media screen and (min-width: 767px) and (max-width:865px) { .eg-learn-more-button, .eg-arrange-button { padding: 4px 16px 4px 16px; } .eg-quote-button { padding: 4px 16px 4px 16px; width: 130px } } [class*='backgroundCss-emptyStyles-emptyStyles'] [class*='cardBottomCta'] { display: none; }
Editor is loading...
Leave a Comment