@use '../../utils' as *;

/*----------------------------------------*/
/*  7.11 Error CSS
/*----------------------------------------*/

.#{$theme-prifix}-error{
    &-title{
        font-size: 50px;
        font-weight: 500;

        @media #{$sm}{
            font-size: 40px;
        }

        @media #{$xs}{
            font-size: 30px;
        }
    }
    &-content{
        & p{
            font-size: 16px;
            line-height: 1.6;
            padding: 0 70px;
            margin-bottom: 27px;

            @media #{$xs}{
                padding: 0;
             }
        }
    }
    &-btn{
        font-size: 16px;
        color: var(--tp-common-white);
        font-weight: 500;
        background-color: var(--tp-theme-primary);
        padding: 11px 30px;
        &:hover{
            background-color: var(--tp-common-black);
            color: var(--tp-common-white);
        }
    }
}