/* _____________ Contacts Styling _____________ */

/* Contacts - Paragraph Styling */
#contacts {
    margin: min(12vw, 140px) auto;
}

#contacts p {
    margin: min(6.6vw, 80px) auto;
    text-align: center;
    font-size: min(max(16px, 2.6vw), 32px);
    color: var(--light-brown);
    font-family: 'Junicode', sans-serif;
    font-weight: 400;
}

/* Contacts - Email Styling */
#contacts a {
    color: var(--light-brown);
    text-decoration: none;
    font-weight: 600;
}

#contacts a:hover {
    text-decoration: underline;
}
/* Contacts - Button Styling */
#contacts .contacts-instagram-button {
    display: block;
    margin: min(12vw, 140px) auto min(16vw, 200px);
    padding: min(max(12px, 1.6vw), 20px) min(max(40px, 5vw), 60px);
    border-radius: max(10px, 1.3vw);
    border-style: none;
    color: var(--background-color);
        background-color: var(--light-pink);
    font-size: min(max(10px, 1.6vw), 24px);
}

#contacts .contacts-instagram-button .d-flex {
    gap: min(2vw, 24px);
}

#contacts .contacts-instagram-button {
    font-family: 'Recoleta', sans-serif;
    font-size: min(max(14px, 2.3vw), 28px);
}

#contacts .contacts-instagram-button svg {
    width: 1.4em;
    height: auto;
}

#contacts .contacts-instagram-button:hover {
    text-decoration: underline;
    text-decoration-color: var(--light-brown);
}