.contact {

    &--content {
        @extend %card;
        display: flex;
        flex-direction: column;
    }

    &--button-group {
        display: flex;
        flex-direction: row;
        justify-content: center;

        @media($mobile-breakpoint) {
            display: contents;
        }
    }

    &--button {
        @extend %button;
        align-self: center;
        align-items: center;
        display: flex;
        margin: var(--space-xsmall) var(--space-large);
    }

    &--button-icon {
        width: 2.2em;
        filter: invert(100%);
        padding-right: var(--space-small);
    }
}