.excursions {
    &.section {
        margin: 0;
    }

    .container {
        @include breakpoint(lg) {
            padding-left: 115px;
        }
    }

    &__wrapper {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 30px;
        text-align: center;

        @include breakpoint(xs) {
            align-items: flex-start;
            flex-direction: row;
            text-align: left;
        }

        @include breakpoint(md) {
            gap: 50px;
        }
    }

    &__icon {
        @include size(100px);

        display: block;
        flex-shrink: 0;

        @include breakpoint(md) {
            @include size(180px);
        }

        svg {
            @include size(100%);

            display: block;
            fill: var(--rocket-color-secondary-100);
        }
    }

    .title {
        margin-bottom: 25px;
    }

    &__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
        margin-top: 30px;

        @include breakpoint(xs) {
            justify-content: flex-start;
        }

        @include breakpoint(md) {
            margin-top: 45px;
        }
    }

    &__action {
        --rocket-ui-button-text-color: var(--rocket-color-secondary-100);
        --rocket-ui-button-color: var(--rocket-color-white-base);
        --rocket-ui-button-border-color: var(--rocket-color-white-base);

        font-weight: 700;
        padding: 0.5125rem 2.875rem;

        @include breakpoint(md) {
            font-size: 2.1875rem;
            padding: 1.108rem 3.75rem;
        }
    }
}