/* Hover styling */ @media (hover: hover) { .copy-email-button:hover .copy-email-icon__wrap { background: rgba(34, 80, 46, 0.9); } .copy-email-button:hover .copy-email-text__el { transform: translate(0px, -100%); } } /* Keyboard focus styling */ .copy-email-button:focus .copy-email-icon__wrap { background: rgba(34, 80, 46, 0.9); } .copy-email-button:focus .copy-email-text__el { transform: translate(0px, -100%); } /* 'Copied' state, when a user has clicked the button */ [data-copy-button="copied"] .copy-email-icon__wrap { background: #0F8E2E !important; } [data-copy-button="copied"] .copy-email-text__el { transform: translate(0px, -200%) !important; } /* Hide the back-to-top wrapper on default (to prevent flash on loaded site) */ [data-back-to-top="wrap"] { opacity: 0; } /* Show the button in the Webflow environment */ .wf-design-mode [data-back-to-top="wrap"], .w-editor [data-back-to-top="wrap"] { opacity: 1; } .back-top__arrow-row { transition: transform 0.5s cubic-bezier(.65, 0, 0, 1); } .back-top__button { transition: border-width 0.5s cubic-bezier(.65, 0, 0, 1); } /* Keyboard focus state */ .back-top__button:focus-visible { border-width: 0.6em; } .back-top__button:focus-visible .back-top__arrow-row { transform: translate(0px, -100%); } /* Hover styling */ @media (hover: hover) { .back-top__button:hover { border-width: 0.6em; } .back-top__button:hover .back-top__arrow-row { transform: translate(0px, -100%); } }