@import 'abstracts/variables';

:host {
    height: inherit;
    display: grid;
    align-items: center;
}

.pepperi-button-container {
    //display: grid;
    height: fit-content;
    // margin-bottom: 1rem;

    .center-alignment {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
    }

    &.reference-button {
        // * /deep/ .split-buttons {
        .split-buttons {
            float: left;

            button:last-of-type {
                width: 1.5rem;
                padding: 0;
            }
        }

        .pepperi-button,
        // * /deep/ .pepperi-button {
        .pepperi-button {
            mat-icon {
                margin-left: $spacing-md;

                &.rtl {
                    margin-left: unset;
                    margin-right: $spacing-md;
                }
            }

            &.last-button {
                mat-icon {
                    margin: 0;
                }
            }
        }
    }
}