.cbtns-button-box a {
    text-decoration: none;
}
.cbtns-title {
    z-index: 2;
}
.cbtns-title {
    text-decoration: none !important;
}
/*---- btn-one ----*/
.cbtns-btn-style1 .cbtns-title {
    display: inline-block;
    color: #2C3E50;
    background-color: rgba(0,0,0,0.08);
    font-size: 16px;
    padding-block-start: 1em;
    padding-block-end: 1em;
    padding-inline-start: 2.32em;
    padding-inline-end: 2.32em;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 1px;
    border: 1px solid #2C3E50;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: .6s linear;
}
.cbtns-btn-style1 .cbtns-title:hover {
    color: #fff;
    background: transparent;
    border-color: transparent;
}
.cbtns-btn-style1 .cbtns-title::before {
    content: "";
    background: linear-gradient(#2C3E50,#4CA1AF);
    inline-size: 20px;
    block-size: 20px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;         
    inset-inline-start: 50%;
    inset-block-start: -50%;
    z-index: -1;
    transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out;
}
.cbtns-btn-style1 .cbtns-title:hover::before{
    inline-size: 500px;
    block-size: 500px;
    inset-block-start: 50%;
    transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s;
}

    /*---- btn-two ----*/
.cbtns-btn-style2 a {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.cbtns-btn-style2 .cbtns-title {
    background: #ff7f50;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.5px;
        padding-block-start: 1em;
    padding-block-end: 1em;
    padding-inline-start: 2.32em;
    padding-inline-end: 2.32em;
    text-align: center;
    text-transform: capitalize;
    touch-action: manipulation;
    transition: .9s;
    vertical-align: middle;
    position: relative;
    z-index: 1;   
}
.cbtns-btn-style2 a:hover .cbtns-title {
	background: transparent;
}
.cbtns-btn-style2 .cbtns-title:hover {
    color: #403e3eed;
}
.cbtns-btn-style2 a span {
    background: #17c0eb;
    border-radius: 50%;
    display: inline-block;
    block-size: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    transition: width 1.3s ease 0s, height 1.3s ease 0s;
    inline-size: 0;
    z-index: 1;
}
.cbtns-btn-style2 a:hover > span {
    block-size: 562.5px;
    inline-size: 562.5px;
	z-index: -1;
}