/* Styles for Mobile Screens */
.hero-scroll-container {
    margin-top: 2rem;
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    /* bottom: 5%; */
}

.hero-scroll {
    /* All Media Sizes */
    z-index: 1;
    padding: 0.75rem 1.5rem;
    border-radius: 999px;
    white-space: nowrap;
    background-color: #FFFFFF;
    color: #000000;
    text-align: center;

    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;

    /* Mobile Only */
    font-size: 0.75rem;
}

/* .hero-scroll.fixed {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5%;
} */

.hero-scroll:active {
    transform: scale(0.95);
}

/* Styles for Tablets & Small Laptop Screens */
@media screen and (min-width: 768px) {
    .hero-scroll.fixed {
        bottom: 3%;
    }
}

/* Styles for Larger Desktop Screens */
@media screen and (min-width: 1200px) {}