/*--------------------------------------------------------------------------*\
    Border on top of a box
\*--------------------------------------------------------------------------*/

.is-brd-t-hover {
    /*box*/
    position: relative;
}

.is-brd-t-hover::after {
    /*box*/
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 5px;

    /*text*/
    content: '';

    /*transition*/
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.is-brd-t-hover:hover::after {
    /*background*/
    background-color: var(--c-cta-2);
}

/*--------------------------------------------------------------------------*\
        Border radius
\*--------------------------------------------------------------------------*/

.brad-1.is-brd-t-hover::after{border-top-left-radius:1px;border-top-right-radius:1px;}
.brad-2.is-brd-t-hover::after{border-top-left-radius:2px;border-top-right-radius:2px;}
.brad-3.is-brd-t-hover::after{border-top-left-radius:3px;border-top-right-radius:3px;}
.brad-4.is-brd-t-hover::after{border-top-left-radius:4px;border-top-right-radius:4px;}
.brad-5.is-brd-t-hover::after{border-top-left-radius:5px;border-top-right-radius:5px;}
.brad-6.is-brd-t-hover::after{border-top-left-radius:6px;border-top-right-radius:6px;}
.brad-7.is-brd-t-hover::after{border-top-left-radius:7px;border-top-right-radius:7px;}
.brad-8.is-brd-t-hover::after{border-top-left-radius:8px;border-top-right-radius:8px;}
.brad-9.is-brd-t-hover::after{border-top-left-radius:9px;border-top-right-radius:9px;}
.brad-10.is-brd-t-hover::after{border-top-left-radius:10px;border-top-right-radius:10px;}
.brad-15.is-brd-t-hover::after{border-top-left-radius:15px;border-top-right-radius:15px;}
.brad-20.is-brd-t-hover::after{border-top-left-radius:20px;border-top-right-radius:20px;}
.brad-25.is-brd-t-hover::after{border-top-left-radius:25px;border-top-right-radius:25px;}
.brad-30.is-brd-t-hover::after{border-top-left-radius:30px;border-top-right-radius:30px;}
.brad-35.is-brd-t-hover::after{border-top-left-radius:35px;border-top-right-radius:35px;}
.brad-40.is-brd-t-hover::after{border-top-left-radius:40px;border-top-right-radius:40px;}
.brad-45.is-brd-t-hover::after{border-top-left-radius:45px;border-top-right-radius:45px;}
.brad-50.is-brd-t-hover::after{border-top-left-radius:50px;border-top-right-radius:50px;}
.brad-55.is-brd-t-hover::after{border-top-left-radius:55px;border-top-right-radius:55px;}
.brad-60.is-brd-t-hover::after{border-top-left-radius:60px;border-top-right-radius:60px;}
.brad-65.is-brd-t-hover::after{border-top-left-radius:65px;border-top-right-radius:65px;}
.brad-70.is-brd-t-hover::after{border-top-left-radius:70px;border-top-right-radius:70px;}
.brad-75.is-brd-t-hover::after{border-top-left-radius:75px;border-top-right-radius:75px;}
.brad-80.is-brd-t-hover::after{border-top-left-radius:80px;border-top-right-radius:80px;}
.brad-85.is-brd-t-hover::after{border-top-left-radius:85px;border-top-right-radius:85px;}
.brad-90.is-brd-t-hover::after{border-top-left-radius:90px;border-top-right-radius:90px;}
.brad-95.is-brd-t-hover::after{border-top-left-radius:95px;border-top-right-radius:95px;}
.brad-100.is-brd-t-hover::after{border-top-left-radius:100px;border-top-right-radius:100px;}
.brad-circle.is-brd-t-hover::after{border-top-left-radius:50%;border-top-right-radius:50%;}