Untitled

mail@pastecode.io avatar
unknown
plain_text
a month ago
1.9 kB
2
Indexable
Never
.button1:hover{
    border-radius: 1000px;
    background: var(--dark-red, #A73511);
    padding: 8px 16px;
    color: #FFF;
    text-decoration:none;
    text-transform:uppercase;
    -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
}

.button2:hover{
    border-radius: 1000px;
    background: var(--dark-red, #A73511);
    padding: 8px 16px;
    color: #FFF;
    text-decoration:none;
    text-transform:uppercase;
    -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
}


.button1 i{
    color:#A73511;
}
.button1:hover i{
    color:#fff;
}

.button2 > i {
    color: #fff;
    border-radius: 50%;
    background: var(--dark-red, #A73511);
    padding: 11px;
}
.button2:hover i{
    display:none;
}
.button2:hover:after{
    content:"BOOK NOW ->";
    display:inline-block;
    color:#fff;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 1000px;
    padding: 8px 11px;
}

.button2:after{
    -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
}
Leave a Comment