custom-contact {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    font-size: 1.6rem;

    >h2 {
        font-size: 4.4em;
        font-weight: 900;
        color: var(--red);
        margin: 0;
        text-align: center;

        @media (max-width: 800px) {
            font-size: 2.7em;
        }
    }

    >small {
        font-weight: 100;
        text-align: center;
    }

    >form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2.7em;
        width: 100%;
        margin-top: 2em;

        >input,
        >textarea {
            background: none;
            border: none;
            border-bottom: 1px solid currentColor;
            line-height: 2;
            color: inherit;
            font-family: inherit;
            font-weight: 300;
            font-size: inherit;
        }

        >label {
            display: flex;
            align-items: center;
            font-family: inherit;
            font-weight: 300;
            grid-column: 1 / -1;
            font-size: .67em;

            >input {
                appearance: none;
                background: none;
                border: 1px solid var(--red);
                height: 1em;
                aspect-ratio: 1;
                margin-right: .55em;
                cursor: pointer;

                &:checked {
                    background: var(--red);
                }
            }

            >span {
                display: inline;
            }
        }

        >textarea {
            grid-column: 1 / -1;
        }

        @media (max-width: 800px) {
            & {
                grid-template-columns: 1fr;
            }

            >label {
                flex-direction: column;
            }
        }
    }
}