.stm-lms-buy-buttons {
    .stm_lms_mixed_button {
        position: relative;
        max-width: 300px;
        margin-left: auto;
        &__list {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            padding: 0 30px;
            box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.18);
            opacity: 0;
            visibility: hidden;
            background-color: #fff;
            transform: translateY(-5px);
            transition: .3s ease;
            z-index: 9999;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            .btn.btn-outline,
            > * {
                display: block;
                background: none;
                width: 100%;
                padding: 15px 0;
                margin: 0 auto;
                text-align: center;
                font-size: 15px;
                font-weight: 400;
                text-transform: none;
                font-family: inherit;
                border: 0 !important;
                letter-spacing: 0;
                &:first-child:not(:last-child) {
                    border-bottom: 1px solid #d1d1d1 !important;
                }
                &:after {
                    display: none;
                }
                span {
                    color: #273044;
                    font-size: 15px;
                    transition: .3s ease;
                }
                &:hover {
                    span {
                        color: #2fbe5b;
                    }
                }
                &.loading {
                    min-height: auto;
                    &:before {
                        margin-top: -9px;
                    }
                    span {
                        opacity: 0;
                    }
                }
            }
        }
        > .btn {
            padding-right: 40px !important;
            background-color: #2fbe5b !important;
            &:before {
                content: '';
                position: absolute;
                right: 14px;
                top: 50%;
                margin-top: -4px;
                display: block;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 8px 7px 0 7px;
                border-color: #ffffff transparent transparent transparent;
            }
        }
        &.active {
            > .btn {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
                &:before {
                    border-width: 0 7px 8px 7px;
                    border-color: transparent transparent #ffffff transparent;
                }
            }
            .stm_lms_mixed_button__list {
                opacity: 1;
                visibility: visible;
                transform: translateY(0);
            }
        }
    }
}