@import '../../../../assets/scss/abstracts/variables';
@import '../../../../assets/scss/abstracts/mixins';

.rdg-blocks .rdg-buttons {
    width: 100%;
    .preview-thumbs {
        background-image: url('../images/rdg-buttons-template-preview.jpg');
    }
    .buttons {
        display: flex;
        justify-content: var(--align);
        flex-wrap: wrap;
        gap: 1rem;

        @include buttons-links;

        a i {
            padding-left: .5rem;
        }
    }
}

.acf-block-preview {
    .rdg-buttons {
        width: 100%;
        left: 0;
        right: 0;
        margin-left: 0;
        margin-right: 0;

        .buttons {
            a {
                text-decoration: none;
            }
        }
    }
}
