.btn {
    border-radius: var(--low-radius);
    font-weight: 600;
    padding: 12px 24px;
    box-shadow: var(--medium-shadow);
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.primary-btn {
    background: var(--green-dark);
    color: white;
    box-shadow: inset 0 0 8px 8px rgba(255, 255, 255, 0.05), var(--medium-shadow);
}

.primary-btn:hover {
    scale: 1.01;
    background: color-mix(in srgb, var(--green-dark) 90%, white);
}

.secondary-btn {
    color: white;
    box-shadow: inset 0 0 8px 8px rgba(255, 255, 255, 0.05), var(--medium-shadow);
    background: var(--secondary-brown);
}

.secondary-btn:hover {
    background: color-mix(in srgb, var(--secondary-brown) 90%, white);
    scale: 1.01;
}

.homeBtn {
    display: flex;
}

.homeBtn img {
    width: 175px;
    object-fit: contain;
}


    /* Pad Version */
    @media screen and (min-width: 768px) {
        /* Home button */
        .homeBtn img {
            width: 200px
        }
    }


        /* Desktop Version */
        @media screen and (min-width: 992px) {
            /* Home button */
            .homeBtn img {
                width: 225px;
            }
        }