carhop__carhop-theme__DEV/resources/css/components/buttons/load-more.css

20 lines
496 B
CSS

.load-more-button {
@apply text-primary font-semibold flex items-center justify-center gap-2;
&:after {
@apply content-[''] h-8 w-8 block;
background-image: url('../resources/img/icons/button-arrow-down-small.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: transform 0.3s ease-in-out;
transform: translateY(0);
}
&:hover {
&:after {
transform: translateY(2px);
}
}
}