.contact-section {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding-bottom: var(--padding-block);
}

.contacts {
    display: flex;
    width: 100%;
    gap: calc(var(--padding-block) * 3);
}

.contact-section > * {
    flex: 1 1;
}

.contacts > * {
    display: flex;
    flex-direction: column;
    gap: calc(var(--padding-block) * 0.5);
    font-size: var(--typography-large);
}

.contacts a {
    font-family: var(--font-family-base-text);
    font-size: var(--typography-small);
    text-transform: none;
}