.boldpo-button-block-wrap {
    width: 100%;

    .boldpo-button {
        .boldpo-button-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 12px 30px;
            background-color: var(--boldpo-preset-color-primary);
            color: #ffffff;
            font-weight: 600;
            text-decoration: none;
            border-radius: 0px;
            cursor: pointer;
            transition: all var(--boldpo-preset-hover-transition);
            border: none;
            line-height: 1.2;
            box-sizing: border-box;

            .boldpo-button-text {
                display: inline-block;
            }

            &.icon-left {

                flex-direction: row;

                &.icon-animation-slide {
                    .boldpo-button-icon {
                        display: inline-block;
                        visibility: hidden;
                        opacity: 0;
                        transition: 250ms ease;
                        transform: translateX(4px);
                        margin-right: -20px;
                    }

                    &:hover {
                        .boldpo-button-icon {
                            visibility: visible;
                            opacity: 1;
                            transform: translateX(-2px);
                            margin-right: 0px;
                        }
                    }
                }
            }

            &.icon-right {
                flex-direction: row;

                &.icon-animation-slide {
                    .boldpo-button-icon {
                        display: inline-block;
                        visibility: hidden;
                        opacity: 0;
                        transition: 250ms ease;
                        transform: translateX(-4px);
                        margin-left: -20px;
                    }

                    &:hover {
                        .boldpo-button-icon {
                            visibility: visible;
                            opacity: 1;
                            transform: translateX(2px);
                            margin-left: 0px;
                        }
                    }
                }
            }

            i {

                // transform: scale(1.2);

                &::before {
                    margin-right: -8px;
                }
            }
        }
    }
}