.backhaut-wrapper {
width: 100%;
display: flex;
justify-content: center;
margin-top: 40px;
margin-bottom: 40px;
cursor: pointer;
}
.backhaut-button {
display: flex;
flex-direction: column;
align-items: center;
background: transparent;
border: 0;
padding: 0;
margin: 0; -webkit-tap-highlight-color: transparent;
user-select: none;
touch-action: manipulation;
} .backhaut-arrow {
width: 0;
height: 0;
border-left: clamp(45px, 7vw, 110px) solid transparent;
border-right: clamp(45px, 7vw, 110px) solid transparent;
border-bottom: clamp(45px, 7vw, 110px) solid #fbfbfb;
background: transparent;
} @media (hover: hover) and (pointer: fine) {
.backhaut-button {
transition: transform 0.2s ease;
}
.backhaut-button:hover {
transform: translateY(-5px);
}
} .backhaut-img {
width: clamp(70px, 10vw, 160px);
height: clamp(70px, 10vw, 160px);
object-fit: contain;
margin-top: 8px;
display: block;
} @media (max-width: 600px) {
.backhaut-wrapper {
margin-top: 30px;
margin-bottom: 30px;
}
.backhaut-arrow {
border-left-width: 38px;
border-right-width: 38px;
border-bottom-width: 38px;
}
.backhaut-img {
width: 80px;
height: 80px;
}
}