Skip to content
All Products
/* --- Custom styling for hero button --- */
.hero__content {
display: flex;
flex-direction: column;
align-items: flex-start; /* align button with text */
}
.hero__btn {
margin-top: 2.5rem; /* pushes button lower */
align-self: flex-start;
font-size: 1rem;
padding: 0.75rem 1.5rem;
}
/* --- Center and adjust on mobile --- */
@media screen and (max-width: 768px) {
.hero__content {
align-items: center;
text-align: center;
}
.hero__btn {
align-self: center;
margin-top: 2rem;
width: auto;
font-size: 1rem;
}
}
