body{
    margin:0;
    font-family: Montserrat;
}

a{
    text-decoration:none;
}


.btn{
    padding:7px 20px;
    display:inline-block;
    position:relative;
}

.b_white{    
    border:2px #fff solid;
}

.b_white .fill_container{
    background-color: #fff;
    position:absolute;
    width:100%;
    left:0;
    color:transparent;
    top:-1px;
    white-space: nowrap;
    box-sizing: border-box;
    height:calc(1.3em + 14px);
}
.b_purple .fill_container{
    background-color: #7b1832;
    position:absolute;
    width:100%;
    left:0;
    color:transparent;
    top:0;
    white-space: nowrap;
    box-sizing: border-box;
    height:calc(1.2em + 14px);
}

.btn .txt{
    white-space: nowrap;
    position:relative;
    z-index:1;
}

.btn.b_white .txt{
    color:#7b1832;
}

.btn.b_purple .txt{
    color:#fff;
}

@keyframes fill_animation{
    0%{
        width:0%;
    }
    100%{
        width:100%;
    }
}

.btn:hover .fill_container{
    width:0;
    animation-name: fill_animation;
    animation-duration: 1s;
    animation-fill-mode: both;
}

@media screen and (min-width:700px){
    .mobile{
        display:none !important;
    }
}

@media screen and (min-width:1000px){
    .mobile_and_tablet{
        display:none !important;
    }


}

@media screen and (max-width:1000px){
    .desktop{
        display:none !important;
    }
}