/* Only apply hover animations if they are actually not supported */ @media (hover:hover) and (pointer:fine) { .btn-icon-link:hover .btn-icon-content__text { transform: translate(0px, calc(-1 * var(--text-duplicate-distance))); } .btn-icon-link:hover .btn-icon-icon__bg { transform: rotate(90deg); } .btn-icon-link:hover .btn-icon-icon__arrow { transform: translate(200%, 0px); } .btn-icon-link:hover .btn-icon-content__bg { transform: translate(0px, 0%) rotate(0deg); } } .underline-link::before, .underline-link.is--alt::before, .underline-link.is--alt::after { content: ""; position: absolute; bottom: -.3rem; left: 0; width: 100%; height: 0.1rem; background-color: #1c1c1c; transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1); transform-origin: right; transform: scaleX(0) rotate(0.001deg); } .underline-link:hover::before { transform-origin: left; transform: scaleX(1) rotate(0.001deg); } /* Animate Accordion Bottom Grid */ .accordion-css__item-bottom { transition: grid-template-rows 0.6s cubic-bezier(0.625, 0.05, 0, 1); } [data-accordion-status="active"] .accordion-css__item-bottom { grid-template-rows: 1fr; } /* Animate Icon */ .accordion-css__item-icon { transition: transform 0.6s cubic-bezier(0.625, 0.05, 0, 1); } [data-accordion-status="active"] .accordion-css__item-icon { transform: rotate(0.001deg); } .form_input.text-color-black { color: black !important; }