a {
    color: #c28939;
    transition: color 0.2s ease-in-out;
}

a:hover {
    color: #6e4e21;
}

.contacts-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.contact-card {
    width: 40%;
    display: flex;
    border: 3px solid #c28939;
    align-content: center;
    border-radius: 20px;
    padding: 1.25rem;
    gap: 1rem;
}

.contact-icon {
    width: 70px;
    height: 70px;
}

.contact-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.25rem;
}

.contact-name {
    color: #c28939;
    font-size: 1.6rem;
    font-weight: 550;
}

.contact-link {
    font-size: 1rem;
}