@use "variables" as *;

.insta {
    padding: 120px 0;

    @include md {
        padding: 160px 0;
    }

    &__inner {
        @include inner;
    }

    &__head {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: space-between;
        gap: 24px;
        margin-bottom: 56px;
    }

    &__frame {
        padding: 16px;
        border: 3px solid $ink;
        border-radius: $radius-lg;
        background: $cream;
        box-shadow: 10px 10px 0 $pink;
        transform: rotate(-0.75deg);
    }

    &__widget {
        width: 100%;
        border: 0;
        overflow: hidden;
        border-radius: $radius - 6px;
    }
}