.presskit {
    &--button {
        @extend %button;
        display: block;
        width: fit-content;
        margin-bottom: var(--space-medium);
    }

    &--grid-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: var(--space-large);

        @media ($mobile-breakpoint) {
            grid-template-columns: 1fr;
        }
    }

    &--logo-grid-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 20px;
        margin-bottom: var(--space-large);

        @media ($mobile-breakpoint) {
            grid-template-columns: 1fr 1fr;
        }
    }

    &--image {
        width: 100%;
    }
}
