.hr-btn{padding:17px 58px 17px 58px;font-size:15px;font-weight:var(--weight-500);border-radius:26px;position:relative;display:inline-block;vertical-align:middle;appearance:none;text-transform:uppercase;overflow:hidden;font-weight:600}.hr-btn span{position:relative;margin-left:8px}.btn-main{color:var(--white);background-color:var(--color-12)}.btn-main:hover{color:var(--white);z-index:1}.btn-main:after{position:absolute;top:0;left:0;bottom:0;right:0;border-radius:30px;background:var(--white);content:"";transform:perspective(200px) scaleX(.1) rotateX(90deg) translateZ(-10px);transform-origin:bottom center;transition:transform 0.4s linear,transform 0.4s linear;z-index:-1}.hr-btn:after{border-radius:26px;background:var(--color-10)}.btn-main:hover:after{transform:perspective(200px) scaleX(1.05) rotateX(0deg) translateZ(0);transition:transform 0.4s linear,transform 0.4s linear}.btn-main-2{color:var(--color-2);background-color:var(--color-4)}.btn-main-2:hover{color:var(--white);z-index:1}.btn-main-2:after{position:absolute;top:0;left:0;bottom:0;right:0;border-radius:30px;background:var(--color-12);content:"";transform:perspective(200px) scaleX(.1) rotateX(90deg) translateZ(-10px);transform-origin:bottom center;transition:transform 0.4s linear,transform 0.4s linear;z-index:-1}.btn-main-2:hover:after{transform:perspective(200px) scaleX(1.05) rotateX(0deg) translateZ(0);transition:transform 0.4s linear,transform 0.4s linear}.hr-btn-1{position:relative;display:inline-block;vertical-align:middle;-webkit-appearance:none;appearance:none;outline:none!important;font-weight:600;font-size:15px;color:var(--white);text-transform:uppercase;border-radius:30px;padding:18px 31px 16px;background-color:var(--color-3);-webkit-transition:all 0.5s linear;transition:all 0.5s linear;overflow:hidden;z-index:1}.btn-main-3{border:none;border-radius:10px}.btn-main-4{border-radius:30px;background-color:var(--color-10);color:#fff}.hr-btn-1:hover{color:var(--white)}.btn-main-4:hover{color:#15332a}.hr-btn-1 span{position:relative;margin-left:8px}.hr-btn-1:after{position:absolute;top:0;left:0;bottom:0;right:0;border-radius:30px;background:#15332a;content:"";transform:perspective(200px) scaleX(.1) rotateX(90deg) translateZ(-10px);transform-origin:bottom center;transition:transform 0.4s linear,transform 0.4s linear;z-index:-1}.btn-main-3::after{border-radius:10px}.btn-main-4::after{background:var(--color-4);border-radius:3px}.hr-btn-1:hover:after{transform:perspective(200px) scaleX(1.05) rotateX(0deg) translateZ(0);transition:transform 0.4s linear,transform 0.4s linear}.btn-main-5{border:1px solid #ced7d1;background-color:#fff;color:#5c6663;padding:17px 30px 15px}.btn-main-5:hover{border:1px solid var(--color-7)}@media (max-width:767.98px){.hr-btn{padding:14px!important;font-size:14px}}