/* BUTTON */
.button {
    border-radius: 20rem;
    height: fit-content;
    min-width: max-content;
}

.button.t-serif.t-small {padding: .5rem 1.5rem;}
.button.t-serif.t-medium {padding: 1rem 2rem;}

.button.--white {background: var(--c-white);}
.button.--red {background: var(--c-red);}
.button.--purple {background: var(--c-purple);}

@media only screen and (min-width: 1096px) {
    .button.t-serif.t-medium {padding: 1.75rem 3.5rem;}
}

@media (hover: hover) {
    .button {transition-duration: 250ms;}
    
    .button.--red:hover,
    .button.--white:hover {
        background: black;
        color: var(--c-red);
    }

    .button.--purple:hover {
        background: black;
        color: var(--c-purple);
    }
}



/* 
DOWNLOAD APP SECTION
*/
#download-app--section {z-index: 500;}
#download-app--section[data-status="close"] {transform: translateY(-100%);}

#download_app_section-button {
    bottom: var(--size-m);
    left: 50vw;
    transform: translateX(-50%);
}

#download_app_section-button img {width: 2rem;}

#download_app_section-links {
    margin: var(--size-m) 0;
    column-gap: var(--size);
    row-gap: var(--size);
}
#download_app_section-links img {
    width: auto;
    height: var(--size-l);
}

#download_app_section-qr_code img {width: var(--size-xxl);}
#download_app_section-qr_code p {margin-top: var(--size-s);}