@import "../../styles/lavenes.scss";

.action-group {
    width: 100%;
    height: 70px;
    padding-inline: 16px;
    background-color: #fff;
    margin-top: $section-gap;
    box-sizing: border-box;
    border-radius: 11px;

    &__group {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;

        &__button {
            flex: 1;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            &__icon {
                font-size: 18px;
            }

            &__name {
                margin-top: 3px;
                font-size: $footnote;
                color: $secondary-text-color;
            }
        }
    }
}