.btn{
color: #fff;
background: linear-gradient(315deg, #EB3349 0%, #F45C43 74%);
font-family: 'Dosis', sans-serif;
font-size: 18px;
font-weight: 600;
padding: 10px 15px;
border: none;
border-radius: 50%;
transition: all 0.3s ease 0s;
}
.btn:focus,
.btn:hover{
color: #fff;
background: linear-gradient(315deg, #F45C43 0%, #EB3349 74%);
border: none;
outline: none;
box-shadow: 0 0 15px -5px rgba(0,0,0,0.5);
}
.tooltip .tooltip-inner{
color: #000;
background: linear-gradient(#d1d1d1,transparent);
font-family: 'Quicksand', sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: capitalize;
padding: 4px 10px;
border: 2px solid #fff;
border-radius: 0 20px;
}
.tooltip.top .tooltip-inner{ background: linear-gradient(to top,#d1d1d1,transparent); }
.tooltip.right .tooltip-inner{ background: linear-gradient(to right,#d1d1d1,transparent); }
.tooltip.left .tooltip-inner{
background: linear-gradient(to left,#d1d1d1,transparent);
border-radius: 20px 0;
}
.tooltip .tooltip-arrow{
background: linear-gradient(#999,transparent);
height: 14px;
width: 14px;
border: none;
border-radius: 50%;
z-index: -1;
}
.tooltip.top .tooltip-arrow{
background: linear-gradient(to top,#999,transparent);
margin-left: 0;
transform: translateX(-50%);
bottom: 0;
left: 50% !important;
}
.tooltip.right .tooltip-arrow{
background: linear-gradient(to right,#999,transparent);
margin-top: 0;
left: 0;
top: 3px !important;
}
.tooltip.bottom .tooltip-arrow{
margin-left: 0;
transform: translateX(-50%);
top: 0;
left: 50% !important;
}
.tooltip.left .tooltip-arrow{
background: linear-gradient(to left,#999,transparent);
margin-top: 0;
right: 0;
top: 3px !important;
}
@media only screen and (max-width: 767px){
.btn{
display: block;
margin: 0 auto 40px;
}
}