@use "../../../../styles/abstracts/variables";
@use "../../../../styles/abstracts/mixins";  

.long {
    margin-top: 1.5rem;
    border: 1px solid variables.$col-border-dark-new;
    color: variables.$col-white;
    padding: 1rem 1.5rem;
    border-radius: 10px;
    background: #101012;

    h1{
        color: variables.$col-white;
        font-weight: 700;
        font-size: .9rem;
        // text-align: center;
        padding: .5rem .3rem;
        text-transform: uppercase;
        line-height: 1.6;

        span {
            color: variables.$col-secondary-new;
        }
    }
    p{
        padding-top: .3rem;
        padding-bottom: 1rem;
        font-size: .8rem;
        line-height: 1.8;
        opacity: .8;

        span {
            color: variables.$col-secondary-new;
            font-weight: 500;
        }
    }

    a{
        background: variables.$col-secondary-new;
        color: variables.$col-dark;
        display: block;
        text-align: center;
        font-weight: 600;
        padding: .6rem .5rem;
        border-radius: 6px;
        cursor: pointer;
        font-size: .8rem;
        text-transform: uppercase;
        transition: all ease-in-out .5s;
        margin-bottom: .7rem;

        &:hover {
            background-color: #e66a00;
            box-shadow: 0 0 6px rgba(255, 122, 0, 0.4);
        }
    }
}