/* 1. Theme default css */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html, body {
    font-family: 'Nunito', sans-serif;
	font-weight: normal;
	font-style: normal;
}


.bwdal_animated_box {
    text-decoration: none;
    color: #222;
    line-height: 1;
    text-transform: capitalize;
    font-size: 35px;
    display: inline-block;
    position: relative;
    padding: 20px;
}
.bwdal_animated_box:hover{
    color: black;
}

/* style1 */
.bwdal_link_1 .bwdal_animated_box::after{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 2px;
    background: red;
    transition: .4s;
}
.bwdal_link_1 .bwdal_animated_box:hover::after{
    top: 0;
}

/* style2 */
.bwdal_link_2 .bwdal_animated_box::after,
.bwdal_link_2 .bwdal_animated_box::before{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: red;
    transition: .4s;
}
.bwdal_link_2 .bwdal_animated_box::before{
    transform: scaleX(0);
    top: 0;
}
.bwdal_link_2 .bwdal_animated_box:hover::before{
    transform: scaleX(1);
}
.bwdal_link_2 .bwdal_animated_box::after{
    bottom: 0;
}
.bwdal_link_2 .bwdal_animated_box:hover::after{
    transform: scaleX(0);
}

/* style3 */
.bwdal_link_3 .bwdal_animated_box::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10%;
    background: linear-gradient(45deg,#FF609F,#6974CB);

}
.bwdal_link_3 .bwdal_animated_box:hover::before{
    background: linear-gradient(45deg, #fbc2eb, #a6c1ee);
}

/*style4*/
.bwdal_link_4 .bwdal_animated_box::before,
.bwdal_link_4 .bwdal_animated_box::after{
    color: red;
    position: absolute;
    transition: .4s;
    opacity: 0;
}
.bwdal_link_4 .bwdal_animated_box::before {
    content: '[';
    left: 20px;
}
.bwdal_link_4 .bwdal_animated_box::after{
    content: ']';
    right: 20px;
}

.bwdal_link_4 .bwdal_animated_box:hover::after{
    right: -20px;
    opacity: 1;
}
.bwdal_link_4 .bwdal_animated_box:hover::before{
    left: -20px;
    opacity: 1;
}

/*style5*/
.bwdal_link_5 .bwdal_animated_box::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    background: red;
    width: 100%;
    height: 3px;
    opacity: 0;
    transition: .5s;
}
.bwdal_link_5 .bwdal_animated_box:hover:before{
    bottom: 0;
    opacity: 1;
}

/* style6 */
.bwdal_link_6 .bwdal_animated_box{
    overflow: hidden;
}
.bwdal_link_6 .bwdal_animated_box2 {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.bwdal_link_6 .bwdal_animated_box:hover .bwdal_animated_box2{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .4s;
    opacity: 1;
    visibility: visible;
}

/*style7*/
.bwdal_link_7 .bwdal_animated_box::before{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    background: red;
    width: 100%;
    height: 1px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    transform: translateY(-10px);
}
.bwdal_link_7 .bwdal_animated_box:hover:before{
    transform: translateY(0);
    height: 5px;
    visibility: visible;
    opacity: 1;
}

/*style8*/
.bwdal_link_8 .bwdal_animated_box{
    padding: 10px 20px;
}
.bwdal_link_8 .bwdal_animated_box::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: red;
    width: 2px;
    height: 2px;
    transition: .3s;
}
.bwdal_link_8 .bwdal_animated_box:hover::before{
    height: 100%;
}
.bwdal_link_8 .bwdal_animated_box::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: red;
    width: 100%;
    height: 2px;
    transition: .3s;
}
.bwdal_link_8 .bwdal_animated_box:hover::after{
    top: 100%;
}

/*style9*/
.bwdal_link_9 .bwdal_animated_box::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 3px;
    background: red;
    width: 85%;
    height: 2px;
    transition: .3s;
    transform: translateX(-50%);
}
.bwdal_link_9 .bwdal_animated_box:hover::after{
    width: 100%;
}
.bwdal_link_9 .bwdal_animated_box::before{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    background: red;
    width: 100%;
    height: 2px;
    transition: .3s;
}
.bwdal_link_9 .bwdal_animated_box:hover::before{
    top: 0;
}

/*style10*/
.bwdal_link_10 .bwdal_animated_box::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid red;
    transition: .3s;
    opacity: 1;
    visibility: visible;
}
.bwdal_link_10 .bwdal_animated_box:hover::after{
    left: -5px;
    top: 5px;
    opacity: 0;
    visibility: visible;
}
.bwdal_link_10 .bwdal_animated_box::before {
    content: '';
    position: absolute;
    left: 5px;
    top: -5px;
    width: 100%;
    height: 100%;
    border: 2px solid red;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}
.bwdal_link_10 .bwdal_animated_box:hover::before{
    left: 0;
    top: 0;
    opacity: 1;
    visibility: visible;
}

/*style11*/
.bwdal_link_11 .bwdal_animated_box::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background: red;
    transition: .3s;
    opacity: 1;
    visibility: visible;
}
.bwdal_link_11 .bwdal_animated_box::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: red;
    transition: .3s;
    opacity: 1;
    visibility: visible;
}
.bwdal_link_11 .bwdal_animated_box:hover::before{
    width: 100%;
}

/*style12*/
.bwdal_link_12 .bwdal_animated_box::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 20px;
    border-radius: 20px;
    background: #ff00001c;
    pointer-events: none;
    transform: translate(-50%, -50%) scale3d(1,1,1);
    transition: transform .2s,opacity .2s;
    transition-timing-function: cubic-bezier(.2,.57,.67,1.53);
    z-index: -1;
}
.bwdal_link_12 .bwdal_animated_box:hover::before {
    transition-timing-function: cubic-bezier(.8,0,.1,1);
    transition-duration: .4s;
    opacity: 1;
    transform: translate(-50%, -50%) scale3d(1,.1,1);
}
.bwdal_link_12 .bwdal_animated_box {
    transform: scale(.97);
    transition: .4s;
    transition-delay: .3s;
}
.bwdal_link_12 .bwdal_animated_box:hover {
    transform: scale(1);
}


/*style13*/
.bwdal_link_13 .bwdal_animated_box{
    padding: 0;
}
.bwdal_link_13 .bwdal_animated_box::before,
.bwdal_link_13 .bwdal_animated_box::after {
    position: absolute;
    width: 50px;
    height: 2px;
    background: red;
    content: '';
    transition: all 0.3s;
    pointer-events: none;
}
.bwdal_link_13 .bwdal_animated_box::before {
    top: -8px;
    left: -20px;
    transform: rotate(90deg);
    transform-origin: 0 0;
}
.bwdal_link_13 .bwdal_animated_box:hover::before{
    left: 50%;
    transform: rotate(0) translateX(-50%);
    opacity: 1;
}
.bwdal_link_13 .bwdal_animated_box::after {
    right: -20px;
    bottom: -10px;
    transform: rotate(90deg);
    transform-origin: 100% 0;
}
.bwdal_link_13 .bwdal_animated_box:hover::after {
    right: 50%;
    transform: rotate(0deg) translateX(50%);
    opacity: 1;
}

/*style14*/
.bwdal_link_14 .bwdal_animated_box{
    transform: scale(1);
    transition: .4s;
}
.bwdal_link_14 .bwdal_animated_box:hover{
    transform: scale(.90);
}

/*style15*/
.bwdal_link_15 .bwdal_animated_box {
    overflow: hidden;
}
.bwdal_link_15 .bwdal_animated_box2 {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(-50%);
}
.bwdal_link_15 .bwdal_animated_box:hover .bwdal_animated_box2{
    top: 50%;
    left: 50%;
    transition: .4s;
    transform: translate(-50%, -50%);
}
.bwdal_link_15 .bwdal_animated_box1{
    display: inline-block;
}
.bwdal_link_15 .bwdal_animated_box:hover .bwdal_animated_box1{
    transform: translateY(-200%);
    transition: .4s;
}

/*style16*/
.bwdal_link_16 .bwdal_animated_box {
    overflow: hidden;
}
.bwdal_link_16 .bwdal_animated_box2 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-45deg);
    transform-origin: left;
    opacity: 0;
    display: flex;
    align-items: center;
    visibility: hidden;
    justify-content: center;
}
.bwdal_link_16 .bwdal_animated_box:hover .bwdal_animated_box2{
    left: 50%;
    top: 50%;
    transform: rotate(0) translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
    transition: .4s;
}

/* style17 */
.bwdal_link_17 .bwdal_animated_box::before,
.bwdal_link_17 .bwdal_animated_box::after {
    position: absolute;
    width: 100%;
    height: 2px;
    background: red;
    content: '';
    transition: all 0.3s;
    pointer-events: none;
    opacity: 0;
    overflow: hidden;
}
.bwdal_link_17 .bwdal_animated_box::before{
    left: 0;
    top: -10px;
}
.bwdal_link_17 .bwdal_animated_box:hover::before{
    top: 0;
    opacity: 1;
    visibility: visible;
}
.bwdal_link_17 .bwdal_animated_box::after{
    left: 0;
    bottom: -10px;
}
.bwdal_link_17 .bwdal_animated_box:hover::after{
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

/* style18 */
.bwdal_link_18 .bwdal_animated_box::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: red;
    transform: scale(0);
    transition: .4s;
}
.bwdal_link_18 .bwdal_animated_box:hover::after{
    transform: scale(1);
}

/* style19 */
.bwdal_link_19 .bwdal_animated_box::after,
.bwdal_link_19 .bwdal_animated_box::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background: red;
    transform: scale(0);
    transition: .4s;
}
.bwdal_link_19 .bwdal_animated_box::after{
    left: 0;
    top: 0;
}
.bwdal_link_19 .bwdal_animated_box::before{
    right: 0;
    top: 0;
}
.bwdal_link_19 .bwdal_animated_box:hover::after,
.bwdal_link_19 .bwdal_animated_box:hover::before{
    transform: scale(1);
}
.bwdal_link_19 .bwdal_animated_box1::after,
.bwdal_link_19 .bwdal_animated_box1::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: red;
    transform: scale(0);
    transition: .4s;
}
.bwdal_link_19 .bwdal_animated_box1::after{
    left: 0;
    top: 0;
}
.bwdal_link_19 .bwdal_animated_box1::before{
    right: 0;
    bottom: 0;
}
.bwdal_link_19 .bwdal_animated_box1:hover::after,
.bwdal_link_19 .bwdal_animated_box1:hover::before{
    transform: scale(1);
}
.bwdal_link_19 .bwdal_animated_box1 {
    padding: 20px;
    display: block;
}
.bwdal_link_19 .bwdal_animated_box {
    padding: 0;
}

/*style20*/
.bwdal_link_20 .bwdal_animated_box::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: red;
    transition: .3s;
    opacity: 1;
    visibility: visible;
}
.bwdal_link_20 .bwdal_animated_box:hover::before{
    width: 100%;
}

/*style21*/
.bwdal_link_21 .bwdal_animated_box::before,
.bwdal_link_21 .bwdal_animated_box::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background: red;
    transition: .3s;
    opacity: 1;
    visibility: visible;
}
.bwdal_link_21 .bwdal_animated_box::before{
    left: 0;
    bottom: 0;
}
.bwdal_link_21 .bwdal_animated_box::after{
    right: 0;
    top: 0;
}
.bwdal_link_21 .bwdal_animated_box:hover::before,
.bwdal_link_21 .bwdal_animated_box:hover::after{
    width: 100%;
}

/* style22 */
.bwdal_link_22 .bwdal_animated_box::after,
.bwdal_link_22 .bwdal_animated_box::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 0;
    background: red;
    transition: .4s;
}
.bwdal_link_22 .bwdal_animated_box::after{
    left: 0;
    top: 0;
}
.bwdal_link_22 .bwdal_animated_box::before{
    right: 0;
    bottom: 0;
}
.bwdal_link_22 .bwdal_animated_box:hover::after,
.bwdal_link_22 .bwdal_animated_box:hover::before{
    height: 100%;
}
.bwdal_link_22 .bwdal_animated_box1::after,
.bwdal_link_22 .bwdal_animated_box1::before {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background: red;
    transition: .4s;
}
.bwdal_link_22 .bwdal_animated_box1::after{
    left: 0;
    bottom: 0;
}
.bwdal_link_22 .bwdal_animated_box1::before{
    right: 0;
    top: 0;
}
.bwdal_link_22 .bwdal_animated_box1:hover::after,
.bwdal_link_22 .bwdal_animated_box1:hover::before{
    width: 100%;
}
.bwdal_link_22 .bwdal_animated_box1 {
    padding: 20px;
    display: block;
}
.bwdal_link_22 .bwdal_animated_box {
    padding: 0;
}

/* style23 */
.bwdal_link_23 .bwdal_animated_box::after,
.bwdal_link_23 .bwdal_animated_box::before{
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background: red;
    transition: all .4s;
}
.bwdal_link_23 .bwdal_animated_box::after{
    left: 0;
    bottom: 0;
    transition-delay: .9s;
}
.bwdal_link_23 .bwdal_animated_box::before{
    right: 0;
    top: 0;
    transition-delay: .3s;
}
.bwdal_link_23 .bwdal_animated_box:hover::after{
    width: 100%;
    transition-delay: .0s;
}
.bwdal_link_23 .bwdal_animated_box:hover::before{
    width: 100%;
    transition-delay: .6s;
}
.bwdal_link_23 .bwdal_animated_box1::after,
.bwdal_link_23 .bwdal_animated_box1::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 0;
    background: red;
    transition: all .4s;
}
.bwdal_link_23 .bwdal_animated_box1::after{
    top: 0;
    left: 0;
    transition-delay: .0s;
}
.bwdal_link_23 .bwdal_animated_box1::before{
    bottom: 0;
    right: 0;
    transition-delay: 0.6s;
}
.bwdal_link_23 .bwdal_animated_box1:hover::after{
    height: 100%;
    transition-delay: .9s;
}
.bwdal_link_23 .bwdal_animated_box1:hover::before{
    height: 100%;
    transition-delay: 0.3s;
}
.bwdal_link_23 .bwdal_animated_box{
    padding: 0;
}
.bwdal_link_23 .bwdal_animated_box1{
    padding: 20px;
    display: inline-block;
}

/* style24 */
.bwdal_link_24 .bwdal_animated_box::before,
.bwdal_link_24 .bwdal_animated_box::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: red;
    top: 100%;
    left: 0;
    pointer-events: none;
    transition: all .4s;
}
.bwdal_link_24 .bwdal_animated_box::before {
    transform-origin: 0 50%;
    transform: scale3d(0,1,1);
    transition: transform .3s;
}
.bwdal_link_24 .bwdal_animated_box::after {
    content: '';
    top: calc(100% + 4px);
    transition: transform .3s;
    transform-origin: 100% 50%;
}
.bwdal_link_24 .bwdal_animated_box:hover:before {
    transform: scale3d(1,1,1);
}
.bwdal_link_24 .bwdal_animated_box:hover:after {
    transform: scale3d(0,1,1);
}

/* style25 */
.bwdal_link_25 .bwdal_animated_box::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    height: 2px;
    background: red;
    transition: .4s;
    opacity: 0;
    visibility: hidden;
}
.bwdal_link_25 .bwdal_animated_box:hover::before{
    bottom: 0;
    opacity: 1;
    visibility: visible;
 
}
.bwdal_link_25 .bwdal_animated_box::after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -20px;
    width: 90%;
    height: 2px;
    background: red;
    transform: translateX(-50%);
    transition: .4s;
    opacity: 0;
    visibility: hidden;
    transition-delay: .1s;
}
.bwdal_link_25 .bwdal_animated_box:hover::after{
    bottom: -5px;
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

/* style26 */
.bwdal_link_26 .bwdal_animated_box::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 7px;
    border-radius: 20px;
    background: red;
    pointer-events: none;
    transform: scale3d(1,1,1);
    transition: transform .2s,opacity .2s;
    transition-timing-function: cubic-bezier(.2,.57,.67,1.53);
}
.bwdal_link_26 .bwdal_animated_box:hover::before {
    transition-timing-function: cubic-bezier(.8,0,.1,1);
    transition-duration: .4s;
    opacity: 1;
    transform: scale3d(1.2,.1,1);
}

/* style27 */
.bwdal_link_27 .bwdal_animated_box::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    border-radius: 20px;
    background: red;
    pointer-events: none;
    transform-origin: 50% 100%;
    transition: clip-path .3s,transform .3s cubic-bezier(.2,1,.8,1);
    clip-path: polygon(0 0,0 100%,0 100%,0 0,100% 0,100% 100%,0 100%,0 100%,100% 100%,100% 0);
}
.bwdal_link_27 .bwdal_animated_box:hover:before {
    transform: translate3d(0,2px,0) scale3d(1.08,3,1);
    clip-path: polygon(0 0,0 100%,50% 100%,50% 0,50% 0,50% 100%,50% 100%,0 100%,100% 100%,100% 0);
}

/* style28 */
.bwdal_link_28 .bwdal_animated_box::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 20px;
    background: red;
    pointer-events: none;
    transform-origin: 100% 50%;
    transform: scale3d(0,1,1);
    transition: transform .3s cubic-bezier(.4,1,.8,1);
}
.bwdal_link_28 .bwdal_animated_box:hover:before {
    transform-origin: 0 50%;
    transform: scale3d(1,1,1);
}

/* style29 */
.bwdal_link_29 .bwdal_animated_box::before,
.bwdal_link_29 .bwdal_animated_box::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    border-radius: 20px;
    background: red;
    pointer-events: none;
    transition: all .4s;
}
.bwdal_link_29 .bwdal_animated_box::before{
    right: 0;
    bottom: 0;
}
.bwdal_link_29 .bwdal_animated_box::after{
    left: 0;
    bottom: -5px;
}
.bwdal_link_29 .bwdal_animated_box:hover::before,
.bwdal_link_29 .bwdal_animated_box:hover::after{
    width: 100%;
}

/* style30 */
.bwdal_link_30 .bwdal_animated_box::before {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 5px;
    background: red;
    pointer-events: none;
    transition: all .4s;
    opacity: 0;
}
.bwdal_link_30 .bwdal_animated_box:hover:before {
    opacity: 1;
    animation: flipInY .3s ease forwards;
}

/* style31 */
.bwdal_link_31  .bwdal_animated_box{
    overflow: hidden;
}
.bwdal_link_31  .bwdal_animated_box1::before{
    content: '';
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    height: 2px;
    background: red;
}
.bwdal_link_31 .bwdal_animated_box1 {
    position: absolute;
    left: 100%;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bwdal_link_31 .bwdal_animated_box:hover .bwdal_animated_box1 {
    left: 50%;
    transform: translate(-50%, -50%);
}
.bwdal_link_31 .bwdal_animated_box2{
    display: inline-block;
    transition: .4s;
}
.bwdal_link_31 .bwdal_animated_box:hover .bwdal_animated_box2 {
    transform: translateX(-500%);
}


/* style32 */
.bwdal_link_32 .bwdal_animated_box::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: red;
    opacity: 0;
    visibility: hidden;
}
.bwdal_link_32 .bwdal_animated_box:hover::after{
    height: 2px;
    opacity: 1;
    visibility: visible;
    transition: .5s;
}
.bwdal_link_32 .bwdal_animated_box::before{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 1px;
    background: red;
    transition: .5s;
}
.bwdal_link_32 .bwdal_animated_box:hover::before{
    opacity: 0;
    visibility: hidden;
}

/* style33 */
.bwdal_link_33 .bwdal_animated_box::after,
.bwdal_link_33 .bwdal_animated_box::before{
    content: '';
    position: absolute;
    right: 0;
    top: 100%;
    width: 0;
    height: 2px;
    background: red;
    transition: .4s;
}
.bwdal_link_33 .bwdal_animated_box:hover::after,
.bwdal_link_33 .bwdal_animated_box:hover::before{
    width: 100%;
    left: 0;
    right: auto;
}
.bwdal_link_33 .bwdal_animated_box::before{
    top: 108%;
    height: 1px;
    transition-delay: .2s;
}

/* style34 */
.bwdal_link_34 .bwdal_animated_box{
    z-index: 1;
}
.bwdal_link_34 .bwdal_animated_box::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background: red;
    transition: .4s;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.bwdal_link_34 .bwdal_animated_box:hover::before{
    bottom: 0;
    top: auto;
    height: 100%;
    opacity: 1;
    visibility: visible;
}

/* style35 */
.bwdal_link_35 .bwdal_animated_box::before{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 0;
    height: 2px;
    background: red;
    transition: .4s;
}
.bwdal_link_35 .bwdal_animated_box:hover::before{
    width: 100%;
    left: auto;
    right: 0;
}

/* style36 */
.bwdal_link_36 .bwdal_animated_box::before{
    content: '';
    position: absolute;
    right: 0;
    top: 100%;
    width: 0;
    height: 2px;
    background: red;
    transition: .4s;
}
.bwdal_link_36 .bwdal_animated_box:hover::before{
    width: 100%;
    left: 0;
    right: auto;
}

/* style37 */
.bwdal_link_37 .bwdal_animated_box {
    perspective: 1000px;
    background: red;
    transform-style: preserve-3d;
}
.bwdal_link_37 .bwdal_animated_box1 {
    transform-style: preserve-3d;
    perspective: 1000px;
}
.bwdal_link_37 .bwdal_animated_box1::before {
    content: attr(data-hover);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: red;
    transform: rotateX(270deg);
    transition: transform 0.6s;
    transform-origin: 0 0;
    transform-style: preserve-3d;
}
.bwdal_link_37 .bwdal_animated_box:hover .bwdal_animated_box1::before{
    transform: rotateX(0deg);
}

/* style38 */
.bwdal_link_38 .bwdal_animated_box::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: red;
    transform: translateY(5px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s, opacity 0.3s ;
}
.bwdal_link_38 .bwdal_animated_box:hover::after{
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}

.bwdal_link_38 .bwdal_animated_box::before {
    color: red;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    content: attr(data-hover);
    position: absolute;
    pointer-events: none;
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    background: none;
}
.bwdal_link_38 .bwdal_animated_box:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    transition: 0.3s ;
    background: none;
}

/* style39 */
.bwdal_link_39 .bwdal_animated_box{
    z-index: 1;
}
.bwdal_link_39 .bwdal_animated_box::after,
.bwdal_link_39 .bwdal_animated_box::before {
    content: '';
    position: absolute;
    left: 50%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    top: 50%;
    z-index: -1;
    border: 2px solid #ddd;
    transition: .3s;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    visibility: hidden;
}
.bwdal_link_39 .bwdal_animated_box::before{
    border-width: 5px;
    width: 90px;
    height: 90px;
    transition-delay: .1s;
}
.bwdal_link_39 .bwdal_animated_box:hover::after,
.bwdal_link_39 .bwdal_animated_box:hover::before{
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible;
}

/* style40 */
.bwdal_link_40 .bwdal_animated_box{
    perspective: 800px;
    padding: 0;
}
.bwdal_link_40 .bwdal_animated_box:hover .bwdal_animated_box1 {
    transform: rotateX(90deg) translateY(-40px);
}
.bwdal_link_40 .bwdal_animated_box1 {
    position: relative;
    display: inline-block;
    padding: 20px;
    background: #2195de;
    transition: transform 0.3s;
    transform-origin: 50% 0;
    transform-style: preserve-3d;
}
.bwdal_link_40 .bwdal_animated_box1::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2195de;
    content: attr(data-hover);
    transition: background 0.3s;
    transform: rotateX(-90deg);
    transform-origin: 50% 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* style41 */
.bwdal_link_41 .bwdal_animated_box::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: red;
    transition: height .3s;
}
.bwdal_link_41 .bwdal_animated_box:hover::before{
    animation: bounce .8s linear;
    height: 5px;
}