.contact-button {
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    margin: 0;
    max-width: 200px;
    width: 100%;
    text-decoration: none;

    background-color: var(--color-primary);
    font-size: .9rem;

    border: none;
    border-radius: 10px;

    transition: all 0.2s ease-in-out;

    img {
        width: 1.5rem;
        height: 1.5rem;
    }
}

.contact-button:hover {
    cursor: pointer;
    background-color: var(--color-green);

    transform: scale(1.05);
}