section.m43_button_disruptor .m43_button_disruptor_item a {
display: flex;
align-items: center;
justify-content: center;
background: #374052;
cursor: pointer;
padding-top: 56px;
padding-bottom: 51px;
position: relative;
overflow: hidden;
gap: 0 65px;
}
section.m43_button_disruptor .m43_button_disruptor_item a:before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(
90deg,
#31ffb5 0%,
#31ffb5 25%,
#31ffb5 50%,
#374052 75%,
#374052 100%
);
background-size: 300% 100%;
background-position: 115% 0;
transition: background-position 1.2s ease;
background-repeat: no-repeat;
}
section.m43_button_disruptor .m43_button_disruptor_item a:hover:before {
background-position: 0% 0;
}
section.m43_button_disruptor .m43_button_disruptor_text_item {
display: flex;
align-items: center;
gap: 0 65px;
position: relative;
z-index: 2;
}
section.m43_button_disruptor .m43_button_disruptor_text {
color: #fff;
font-size: 2.5625rem;
transition: color .8s;
position: relative;
font-family: 'Nexa-Heavy', sans-serif;
font-weight: 800;
line-height: 1;
}
section.m43_button_disruptor .m43_button_disruptor_text_item[data-index="1"] .m43_button_disruptor_text,
section.m43_button_disruptor .m43_button_disruptor_text_item[data-index="3"] .m43_button_disruptor_text {
font-family: 'Nexa-Book-Italic', sans-serif;
}
section.m43_button_disruptor .m43_button_disruptor_text_item[data-index="0"] .m43_button_disruptor_text,
section.m43_button_disruptor .m43_button_disruptor_text_item[data-index="2"] .m43_button_disruptor_text,
section.m43_button_disruptor .m43_button_disruptor_text_item[data-index="4"] .m43_button_disruptor_text {
margin-bottom: -11px;
}
section.m43_button_disruptor .m43_button_disruptor_item:hover .m43_button_disruptor_text {
color: #000;
}
section.m43_button_disruptor .m43_button_disruptor_icon {
width: 35px;
fill: #fff;
transform: rotate(-45deg);
transition: fill .8s, transform .8s;
}
section.m43_button_disruptor .m43_button_disruptor_item:hover .m43_button_disruptor_icon {
fill: #000;
transform: rotate(0);
}
section.m43_button_disruptor .m43_button_disruptor_item:hover .m43_button_disruptor_text_item[data-index="0"] .m43_button_disruptor_text,
section.m43_button_disruptor .m43_button_disruptor_item:hover .m43_button_disruptor_text_item[data-index="0"] .m43_button_disruptor_icon {
transition-delay: 0s;
}
section.m43_button_disruptor .m43_button_disruptor_item:hover .m43_button_disruptor_text_item[data-index="1"] .m43_button_disruptor_text,
section.m43_button_disruptor .m43_button_disruptor_item:hover .m43_button_disruptor_text_item[data-index="1"] .m43_button_disruptor_icon {
transition-delay: 0.15s;
}
section.m43_button_disruptor .m43_button_disruptor_item:hover .m43_button_disruptor_text_item[data-index="2"] .m43_button_disruptor_text,
section.m43_button_disruptor .m43_button_disruptor_item:hover .m43_button_disruptor_text_item[data-index="2"] .m43_button_disruptor_icon {
transition-delay: 0.25s;
}
section.m43_button_disruptor .m43_button_disruptor_item:hover .m43_button_disruptor_text_item[data-index="3"] .m43_button_disruptor_text,
section.m43_button_disruptor .m43_button_disruptor_item:hover .m43_button_disruptor_text_item[data-index="3"] .m43_button_disruptor_icon {
transition-delay: 0.35s;
}
@media all and (max-width: 1849px) {
section.m43_button_disruptor .m43_button_disruptor_text_item,
section.m43_button_disruptor .m43_button_disruptor_item a {
gap: 0 50px;
}
}
@media all and (max-width: 1699px) {
section.m43_button_disruptor .m43_button_disruptor_text {
font-size: 2.163rem;
}
}
@media all and (max-width: 1599px) {
section.m43_button_disruptor .m43_button_disruptor_text_item,
section.m43_button_disruptor .m43_button_disruptor_item a {
gap: 0 25px;
}
}
@media all and (max-width: 1499px) {
section.m43_button_disruptor .m43_button_disruptor_text {
font-size: 1.863rem;
}
}
@media all and (max-width: 1399px) {	
section.m43_button_disruptor .m43_button_disruptor_text {
font-size: 1.663rem;
}
section.m43_button_disruptor .m43_button_disruptor_icon {
width: 26px;
}
}
@media all and (max-width: 1199px) {
section.m43_button_disruptor .m43_button_disruptor_text_item:last-child {
display: none;
}
section.m43_button_disruptor .m43_button_disruptor_text_item[data-index="3"] .m43_button_disruptor_icon {
display: none;
}
}
@media all and (max-width: 991px) {
section.m43_button_disruptor .m43_button_disruptor_text {
font-size: 1.463rem;
}
section.m43_button_disruptor .m43_button_disruptor_text_item[data-index="0"] .m43_button_disruptor_text,
section.m43_button_disruptor .m43_button_disruptor_text_item[data-index="2"] .m43_button_disruptor_text {
margin-bottom: -7px;
}
}
@media all and (max-width: 767px) {
section.m43_button_disruptor .m43_button_disruptor_text_item[data-index="3"] {
display: none;
}
section.m43_button_disruptor .m43_button_disruptor_text_item[data-index="2"] .m43_button_disruptor_icon {
display: none;
}
}
@media all and (max-width: 575px) {
section.m43_button_disruptor .m43_button_disruptor_item a {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media all and (max-width: 499px) {
section.m43_button_disruptor .m43_button_disruptor_text {
font-size: 1.263rem;
}
section.m43_button_disruptor .m43_button_disruptor_text_item[data-index="0"] .m43_button_disruptor_text,
section.m43_button_disruptor .m43_button_disruptor_text_item[data-index="2"] .m43_button_disruptor_text {
margin-bottom: -8px;
}
}
@media all and (max-width: 450px) {
section.m43_button_disruptor .m43_button_disruptor_container {
margin: 70px 0 35px;
}
section.m43_button_disruptor .m43_button_disruptor_item {
justify-content: center;
}
section.m43_button_disruptor .m43_button_disruptor_item a {
justify-content: center;
}
section.m43_button_disruptor .m43_button_disruptor_text_item[data-index="1"] .m43_button_disruptor_icon {
display: none;
}
section.m43_button_disruptor .m43_button_disruptor_text_item[data-index="2"] {
display: none;
}
}
@media all and (max-width: 350px) {
section.m43_button_disruptor .m43_button_disruptor_text {
font-size: 1.063rem;
}
section.m43_button_disruptor .m43_button_disruptor_icon {
width: 20px;
}
}