.main-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:transparent;padding:1rem 2rem;border:none;cursor:pointer}.main-btn .main-btn-text{color:#FFF5E4;position:relative;z-index:2;transition:color 0.3s ease}.main-btn::before{content:"";position:absolute;left:-50%;top:0;width:200%;height:200%;background:#F2A30F;border-radius:40%;transform:scale(0);z-index:1;transition:transform 0.6s ease-out,border-radius 0.6s ease-out}.main-btn:hover::before{transform:scale(1);border-radius:50%}.main-btn:hover .main-btn-text{color:#FFf;font-weight:500}.main-btn-arrow :before:hover{background:red}