/home/bdqbpbxa/demo-subdomains/sendon.goodface.com.ua/layout/css/hovers.css
@media screen and (hover: hover) {
.header__navigation a:hover {
color: var(--blue);
/* background: var(--white); */
/* border-color: var(--light-2); */
}
.default-button:hover {
background: var(--blue);
color: var(--white);
}
.solution-card:hover .link:after {
transform: translateX(-7px);
}
.solution-card:hover .link:before {
opacity: 1;
}
.services__menu-item:hover {
color: var(--grey);
}
.form .agreement a:hover {
opacity: 0.6;
}
.footer__menu-list .link:hover {
color: var(--blue);
}
a.footer__col:hover .value {
color: var(--blue);
}
a.footer__col:hover .social-icon {
opacity: 0.6;
}
a.social-icon:hover {
opacity: 0.6;
}
.footer__col.-bottom a:hover {
opacity: 0.6;
}
.footer__col.-bottom a.link:hover {
color: var(--blue);
opacity: 1;
}
.breadcrumbs__wrapper .home-link:hover {
background: var(--blue);
}
.breadcrumbs__wrapper .home-link:hover:before {
filter: brightness(0) invert(1);
}
.swiper-pagination-bullet:hover,
.pagination-bullet:hover {
background: var(--blue);
}
.editor a:hover {
opacity: 0.6;
}
.link-with-icon.-lang-switcher:hover .icon:before {
opacity: 0;
}
.link-with-icon.-lang-switcher:hover .icon:after {
opacity: 1;
}
.default-button.-icon:hover .icon:before {
opacity: 0;
}
.default-button.-icon:hover .icon:after {
opacity: 1;
}
.default-button.-disabled.-icon .icon:before {
opacity: 1;
}
.default-button.-disabled.-icon .icon:after {
opacity: 0;
}
/* .cta-button:hover span {
opacity: 1;
animation-play-state: running !important;
} */
}
.default-button.-disabled:hover {
color: #6B7382;
background: #EAEAEA;
}
.default-button.-disabled:hover:after {
opacity: 1;
transform: translateY(5px);
}
.cta-button:hover:after {
transform: scale(1);
}
.default-button.-hover-swipe:hover .icon {
background: var(--yellow);
}
.default-button.-hover-swipe:hover .icon span:first-child {
transform: scale(0);
opacity: 0;
}
.default-button.-hover-swipe:hover .icon span:last-child {
transform: scale(1);
opacity: 1;
}
.default-button.-hover-swipe:hover .text {
transform: translateX(-51px);
}
.default-button.-hover-swipe:hover .icon-wrapper {
transform: translateX(calc(100% - 64px));
}
@media screen and (max-width: 1024px) {
.default-button.-disabled:hover:after {
opacity: 1;
transform: translateY(-5px);
}
.default-button.-hover-swipe:hover .text {
transform: translateX(-32px);
}
.default-button.-hover-swipe:hover .icon-wrapper {
transform: translateX(calc(100% - 48px));
}
}