.creator-lms-page {
    .creator-lms-button[type=submit],
    .creator-lms-button[type=button],
    .creator-lms-button {
        color: #FFF;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.2;
        border-radius: 8px;
        background-color: var(--creator-lms-primary-color);
        border: 1px solid transparent;
        transition: all 0.3s ease;
        box-shadow: none;
        display: inline-block;
        padding: 12px 24px;
        text-align: center;
        text-decoration: none!important;
        cursor: pointer;
        box-shadow: none;
        text-transform: none;
        letter-spacing: 0;

        &:hover {               
            background-color: transparent;
            border-color: var(--creator-lms-primary-color);
            color: var(--creator-lms-primary-color);
        }

        &:focus {  
            outline: 2px solid rgba(var(--creator-lms-primary-color-rgb), 0.349);             
        }

        @media (max-width: 767px) {
            font-size: 14px;
            line-height: 1.1;
            padding: 9px 24px;
        }

        &.creator-lms-button-outline{
            background-color: transparent;
            border-color: var(--creator-lms-primary-color);
            color: var(--creator-lms-primary-color);

            &:hover {
                background-color: var(--creator-lms-primary-color);
                color: #FFF;
            }
        }

        &.creator-lms-button-disabled {
            background-color: var(--creator-lms-gray-300);
            border-color: var(--creator-lms-gray-300);
            color: var(--creator-lms-gray-600) !important;
            cursor: not-allowed;

            &:hover {
                background-color: var(--creator-lms-gray-300);
                border-color: var(--creator-lms-gray-300) !important;
                color: var(--creator-lms-gray-600);
            }
            &:focus {
                outline: 2px solid rgba(var(--creator-lms-gray-600-rgb), 0.349);
            }
        }
    }

    @media screen and (max-width: 1199px) {
        .creator-lms-button {
            border-radius: 8px;
            padding: 10px 18px;
        }

    }
}