.you-btn-box{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
}


 .web-btn{
    border: none;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    transition: all 0.4s ease;
}
 .web-btn:hover{
    background: #000;
    color: #ffffff;
}


.web-btn01{
    background: #8886f7;
    transition: all 0.4s ease;
    position: relative;
    left: 0;
}
.web-btn01:hover{
    background: #3a37f8;
    color: #fff;
    left: -20px;
    transition: all 0.4s ease;
}

.web-btn02{
    background: #8482f8;
    transition: all 0.4s ease;
    position: relative;
    right: 0;
}
.web-btn02:hover{
    background: #1713f7;
    color: #fff;
    right: -20px;
    transition: all 0.4s ease;
}

.web-btn03{
    background: #aa7af8;
    transition: all 0.4s ease;
    position: relative;
    top: 0;
}
.web-btn03:hover{
    background: #7929fa;
    color: #fff;
    top: -20px;
    transition: all 0.4s ease;
}

.web-btn04{
    background: #f3a735;
    transition: all 0.4s ease;
    position: relative;
    bottom: 0;
}
.web-btn04:hover{
    background: #fd9903;
    color: #fff;
    bottom: -20px;
    transition: all 0.4s ease;
}

.web-btn05{
    background: #f39135;
    position: relative;
    transform:scale(1);
    transition: all 0.4s ease;
}
.web-btn05:hover{
    background: #fd7d05;
    color: #fff;
    transform:scale(1.1);
    transition: all 0.4s ease;
}

.web-btn06{
    background: #fa682e;
    position: relative;
    transform:scale(1);
    transition: all 0.4s ease;
}
.web-btn06:hover{
    background: #fa5514;
    color: #fff;
    transform:scale(0.9);
    transition: all 0.4s ease;
}

.web-btn07{
    background: #fadc57;
    position: relative;
    transform:scale(1);
    transition: all 0.4s ease;
}
.web-btn07:hover{
    background: #f8ce11;
    color: #fff;
    animation: leftGoRight 0.9s linear infinite;
    position: relative;
}

.web-btn08{
    background: #82fc63;
}
.web-btn08:hover{
    background: #59f732;
    color: #fff;
    animation: bottomGoTo 0.9s linear infinite;
    position: relative;
}

.web-btn09{
    background: #89fdea;
}
.web-btn09:hover{
    background: #42f7d8;
    color: #fff;
    animation: zoom-in 0.9s linear infinite;
    position: relative;
}

.web-btn10{
    background: #c29c63;
}
.web-btn10:hover{
    background: #d19946;
    color: #fff;
    animation: zoom-out 0.9s linear infinite;
    position: relative;
}

.web-btn11{
    background: #d292f0;
}
.web-btn11:hover{
    background: #be43f7;
    color: #fff;
    animation: viberate 0.9s ease-in-out infinite;
    position: relative;
}

.web-btn12{
    background: #2e2e2e;
}
.web-btn12:hover{
    background: #030303;
    color: #fff;
    animation: borderRadius 2s ease-in-out infinite;
    position: relative;
    border-radius: 0px;
}

.web-btn13{
    background: #000000;
    color: #ffffff;
}
.web-btn13:hover{
    background: #e6a543;
    color: #fff;
    animation: viberateLeftToRight 0.9s ease-in-out infinite;
    position: relative;
   
}

.web-btn14{
    background: #c9cfee;
    color: #ffffff;
}
.web-btn14:hover{
    background: #4e65ec;
    color: #fff;
    animation: skew 0.9s ease-in-out infinite;
    position: relative;
}

.web-btn15{
    background: #e1f0ba;
    color: #ffffff;
    width: 120px;
}
.web-btn15:hover{
    background: #c2ec4e;
    color: #fff;
    animation: textLtoR 0.9s ease-in-out infinite;
    position: relative;
   
}

.web-btn16{
    background: #e0f5b0;
    color: #ffffff;
    width: 120px;
}
.web-btn16:hover{
    background: #bdec4e;
    color: #fff;
    animation: textZoom 2s ease-in-out infinite;
    position: relative;
}

.web-btn17{
    background: #e9b999;
    color: #ffffff;
}
.web-btn17:hover{
    background: #ec8d4e;
    color: #fff;
    animation: borderStyle 2s ease-in-out infinite;
    position: relative;
}

.web-btn18{
    background: #f3a2a2;
    color: #ffffff;
}
.web-btn18:hover{
    background: #ec4e4e;
    color: #fff;
}

.web-btn19{
    background: #77eea9;
    color: #ffffff;
}
.web-btn19:hover{
    background: #16fa75;
    color: #fff;
}

.web-btn20{
    background: #b6ee77;
    color: #ffffff;
    border-radius: 100px;
}
.web-btn20:hover{
    background: #9df835;
    color: #fff;
}


.web-btn21{
    background: #9cdcf5;
    color: #ffffff;
    border-radius: 100px 0 100px 0;
}
.web-btn21:hover{
    background: #5acaf7;
    color: #fff;
}

.web-btn22{
    background: #8d77ee;
    color: #ffffff;
    border-radius:0 100px 0px 100px ;
}
.web-btn22:hover{
    background: #6d4ff3;
    color: #fff;
}

.web-btn23{
    background: #cb98fa;
    color: #ffffff;
    border-radius:100px 0 0 100px;
}
.web-btn23:hover{
    background: #8f2eeb;
    color: #fff;
}

.web-btn24{
    background: #60809b;
    color: #ffffff;
    border-radius:0  100px 100px 0;
}
.web-btn24:hover{
    background: #386c97;
    color: #fff;
}

.web-btn25{
    background: #3c6e51;
    color: #ffffff;
    border-radius: 20px 20px 0 0;
}
.web-btn25:hover{
    background: #226e42;
    color: #fff;
}

.web-btn26{
    background: #7fb868;
    color: #ffffff;
    border-radius:0 0 20px 20px;
}
.web-btn26:hover{
    background: #52a531;
    color: #fff;
}

.web-btn27{
    background: #ebcb9c;
    color: #ffffff;
    border-radius:30px 0 0px 0px;
}
.web-btn27:hover{
    background: #ecba70;
    color: #fff;
}

.web-btn28{
    background: #d8f095;
    color: #ffffff;
    border-radius:0px 30px 0px 0px;
}
.web-btn28:hover{
    background: #caf062;
    color: #fff;
}

.web-btn29{
    background: #c3ee91;
    color: #ffffff;
    border-radius:0px 0px 30px 0px;
}
.web-btn29:hover{
    background: #a6e65c;
    color: #fff;
}

.web-btn29{
    background: #c4ee77;
    color: #ffffff;
    border-radius:0px 0px 0px 30px;
}
.web-btn29:hover{
    background: #b0ec41;
    color: #fff;
}

.web-btn30{
    background: #c2b373;
    color: #ffffff;
    border-radius:0px 50px 50px 50px;
}
.web-btn30:hover{
    background: #bda954;
    color: #fff;
}

.web-btn31{
    background: #a58c5e;
    color: #ffffff;
    border-radius:50px 50px 0px 50px;
}
.web-btn31:hover{
    background: #ac791c;
    color: #fff;
}

.web-btn32{
    background: #dba8eb;
    color: #ffffff;
    border-radius:50px 50px 50px 0px;
}
.web-btn32:hover{
    background: #be3bcf;
    color: #fff;
}

.web-btn33{
    background: #d38fab;
    color: #ffffff;
    border-radius:50px 0px 50px 50px;
}
.web-btn33:hover{
    background: #ca41a8;
    color: #fff;
}

.web-btn34{
    background: #77eea9;
    color: #ffffff;
    border-radius:50px 50px 50px 0px ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #77eea9;
}
.web-btn34:hover{
    background: #16fa75;
    color: #fff;
    box-shadow: 0 0 0 3px #16fa75;
    border: 2px solid #fff;
}

.web-btn35{
    background: #9cbeaa;
    color: #ffffff;
    border-radius:0px 50px 50px 50px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #9cbeaa;
}
.web-btn35:hover{
    background: #72b48e;
    color: #fff;
    box-shadow: 0 0 0 3px #72b48e;
    border: 2px solid #fff;
}

.web-btn36{
    background: #738d7e;
    color: #ffffff;
    border-radius:50px 50px 0px 50px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #738d7e;
}
.web-btn36:hover{
    background: #477058;
    color: #fff;
    box-shadow: 0 0 0 3px #477058;
    border: 2px solid #fff;
}

.web-btn37{
    background: #5a6b61;
    color: #ffffff;
    border-radius:50px 0px 50px 50px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #5a6b61;
}
.web-btn37:hover{
    background: #344e3f;
    color: #fff;
    box-shadow: 0 0 0 3px #344e3f;
    border: 2px solid #fff;
}

.web-btn38{
    background: #3d5849;
    color: #ffffff;
    border-radius:0px 50px 50px 0px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #3d5849;
}
.web-btn38:hover{
    background: #1e3a2a;
    color: #fff;
    box-shadow: 0 0 0 3px #1e3a2a;
    border: 2px solid #fff;
}

.web-btn39{
    background: #4f6d4c;
    color: #ffffff;
    border-radius:50px 0px 50px 0px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #4f6d4c;
}
.web-btn39:hover{
    background: #2a4628;
    color: #fff;
    box-shadow: 0 0 0 3px #2a4628;
    border: 2px solid #fff;
}

.web-btn40{
    background: #698a5a;
    color: #ffffff;
    border-radius:0px 50px 0px 50px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #698a5a;
}
.web-btn40:hover{
    background: #3c5530;
    color: #fff;
    box-shadow: 0 0 0 3px #3c5530;
    border: 2px solid #fff;
}

.web-btn41{
    background: #6e8377;
    color: #ffffff;
    border-radius:50px 0px 0px 50px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #6e8377;
}
.web-btn41:hover{
    background: #38423c;
    color: #fff;
    box-shadow: 0 0 0 3px #38423c;
    border: 2px solid #fff;
}

.web-btn42{
    background: #ae96b4;
    color: #ffffff;
    border-radius:20px 20px 0px 0px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #ae96b4;
}
.web-btn42:hover{
    background: #514055;
    color: #fff;
    box-shadow: 0 0 0 3px #514055;
    border: 2px solid #fff;
}

.web-btn43{
    background: #aa93c4;
    color: #ffffff;
    border-radius:0px 0px 20px 20px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #aa93c4;
}
.web-btn43:hover{
    background: #8c5fbe;
    color: #fff;
    box-shadow: 0 0 0 3px #8c5fbe;
    border: 2px solid #fff;
}

.web-btn44{
    background: #3b6d5a;
    color: #ffffff;
    border-radius:20px 0px 0px 0px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #3b6d5a;
}
.web-btn44:hover{
    background: #77dbb5;
    color: #fff;
    box-shadow: 0 0 0 3px #77dbb5;
    border: 2px solid #fff;
}

.web-btn45{
    background: #5c4a33;
    color: #ffffff;
    border-radius:0px 20px 0px 0px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #5c4a33;
}
.web-btn45:hover{
    background: #382c1c;
    color: #fff;
    box-shadow: 0 0 0 3px #382c1c;
    border: 2px solid #fff;
}

.web-btn46{
    background: #edf1c0;
    color: #ffffff;
    border-radius:0px 0px 0px 20px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #edf1c0;
}
.web-btn46:hover{
    background: #e7ee96;
    color: #fff;
    box-shadow: 0 0 0 3px #e7ee96;
    border: 2px solid #fff;
}


.web-btn47{
    background: #cde6ac;
    color: #ffffff;
    border-radius:0px 0px 20px 0px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #cde6ac;
}
.web-btn47:hover{
    background: #b5df7e;
    color: #fff;
    box-shadow: 0 0 0 3px #b5df7e;
    border: 2px solid #fff;
}

.web-btn48{
    background: #a1adb8;
    color: #ffffff;
    border-radius:0px 0px 0px 0px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #a1adb8;
}
.web-btn48:hover{
    background: #7d9bb8;
    color: #fff;
    box-shadow: 0 0 0 3px #7d9bb8;
    border: 2px solid #fff;
}
.web-btn49{
    background: #473a47;
    color: #ffffff;
    border-radius:100px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #473a47;
}
.web-btn49:hover{
    background: #553255;
    color: #ffffff;
    border-radius:100px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #553255;
}

.web-btn50{
    background: #695d4e;
    color: #ffffff;
    border-radius:50px 50px 50px 0px ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #695d4e;
    transition:all 0.4s ease;
}
.web-btn50:hover{
    background: #694f2f;
    color: #fff;
    box-shadow: 0 0 0 3px #694f2f;
    border: 2px solid #fff;
    border-radius: 100px;
    transition:all 0.4s ease;
}

.web-btn51{
    background: #e6c49e;
    color: #ffffff;
    border-radius:0px 50px 50px 50px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #e6c49e;
    transition:all 0.4s ease;
}
.web-btn51:hover{
    background: #e0a25a;
    color: #fff;
    box-shadow: 0 0 0 3px #e0a25a;
    border: 2px solid #fff;
    border-radius: 100px;
    transition:all 0.4s ease;
}

.web-btn52{
    background: #b8b293;
    color: #ffffff;
    border-radius:50px 50px 0px 50px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #b8b293;
    transition:all 0.4s ease;
}
.web-btn52:hover{
    background: #b3a251;
    color: #fff;
    box-shadow: 0 0 0 3px #b3a251;
    border: 2px solid #fff;
    border-radius: 100px;
    transition:all 0.4s ease;
}

.web-btn53{
    background: #8a866e;
    color: #ffffff;
    border-radius:50px 0px 50px 50px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #8a866e;
    transition:all 0.4s ease;
}
.web-btn53:hover{
    background: #918542;
    color: #fff;
    box-shadow: 0 0 0 3px #918542;
    border: 2px solid #fff;
    border-radius: 100px;
    transition:all 0.4s ease;
}

.web-btn54{
    background: #4d4b3d;
    color: #ffffff;
    border-radius:0px 50px 50px 0px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #4d4b3d;
    transition:all 0.4s ease;
}
.web-btn54:hover{
    background: #4d4827;
    color: #fff;
    box-shadow: 0 0 0 3px #4d4827;
    border: 2px solid #fff;
    border-radius: 100px;
    transition:all 0.4s ease;
}

.web-btn55{
    background: #49503f;
    color: #ffffff;
    border-radius:50px 0px 50px 0px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #49503f;
    transition:all 0.4s ease;
}
.web-btn55:hover{
    background: #435822;
    color: #fff;
    box-shadow: 0 0 0 3px #435822;
    border: 2px solid #fff;
    border-radius: 100px;
    transition:all 0.4s ease;
}

.web-btn56{
    background: #4a5c61;
    color: #ffffff;
    border-radius:0px 50px 0px 50px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #4a5c61;
    transition:all 0.4s ease;
}
.web-btn56:hover{
    background: #22515e;
    color: #fff;
    box-shadow: 0 0 0 3px #22515e;
    border: 2px solid #fff;
    border-radius: 100px;
    transition:all 0.4s ease;
}

.web-btn57{
    background: #35463c;
    color: #ffffff;
    border-radius:50px 0px 0px 50px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #35463c;
    transition:all 0.4s ease;
}
.web-btn57:hover{
    background: #1a462c;
    color: #fff;
    box-shadow: 0 0 0 3px #1a462c;
    border: 2px solid #fff;
    border-radius: 100px;
    transition:all 0.4s ease;
}

.web-btn58{
    background: #487059;
    color: #ffffff;
    border-radius:20px 20px 0px 0px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #487059;
    transition:all 0.4s ease;
}
.web-btn58:hover{
    background: #1c7c46;
    color: #fff;
    box-shadow: 0 0 0 3px #1c7c46;
    border: 2px solid #fff;
    border-radius: 100px;
    transition:all 0.4s ease;
}

.web-btn59{
    background: #577c53;
    color: #ffffff;
    border-radius:0px 0px 20px 20px  ;
    border: 2px solid #96ee8e;
    box-shadow: 0 0 0 3px #577c53;
    transition:all 0.4s ease;
}
.web-btn59:hover{
    background: #20631a;
    color: #fff;
    box-shadow: 0 0 0 3px #20631a;
    border: 2px solid #fff;
    border-radius: 100px;
    transition:all 0.4s ease;
}

.web-btn60{
    background: #527561;
    color: #ffffff;
    border-radius:20px 0px 0px 0px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #527561;
    transition:all 0.4s ease;
}
.web-btn60:hover{
    background: #13743d;
    color: #fff;
    box-shadow: 0 0 0 3px #13743d;
    border: 2px solid #fff;
    border-radius: 100px;
    transition:all 0.4s ease;
}

.web-btn61{
    background: #d4ee77;
    color: #ffffff;
    border-radius:0px   ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #d4ee77;
    transition:all 0.4s ease;
}
.web-btn61:hover{
    background: #d7f52e;
    color: #fff;
    box-shadow: 0 0 0 3px #d7f52e;
    border: 2px solid #fff;
    border-radius: 100px;
    transition:all 0.4s ease;
}

.web-btn62{
    background: #fd9565;
    color: #ffffff;
    border-radius: 100px  ;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #fd9565;
    transition:all 0.4s ease;
}
.web-btn62:hover{
    background: #f57439;
    color: #fff;
    box-shadow: 0 0 0 3px #f57439;
    border: 2px solid #fff;
    border-radius: 0px;
    transition:all 0.4s ease;
    
}

.web-btn63{
    background: #fd9565;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #fd9565;
    transition:all 0.4s ease;

}
.web-btn63:hover{
    background: #f57439;
    color: #fff;
    box-shadow: 0 0 0 3px #f57439;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn64{
    background: #d4b572;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #d4b572;
    transition:all 0.4s ease;

}
.web-btn64:hover{
    background: #a58a4f;
    color: #fff;
    box-shadow: 0 0 0 3px #a58a4f;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn65{
    background: #b99952;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #b99952;
    transition:all 0.4s ease;

}
.web-btn65:hover{
    background: #f5ca6d;
    color: #fff;
    box-shadow: 0 0 0 3px #f5ca6d;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}


.web-btn66{
    background: #7e6642;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #7e6642;
    transition:all 0.4s ease;

}
.web-btn66:hover{
    background: #4d3e28;
    color: #fff;
    box-shadow: 0 0 0 3px #4d3e28;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn67{
    background: #816439;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #816439;
    transition:all 0.4s ease;

}
.web-btn67:hover{
    background: #503e23;
    color: #fff;
    box-shadow: 0 0 0 3px #503e23;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn68{
    background: #e98989;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #e98989;
    transition:all 0.4s ease;

}
.web-btn68:hover{
    background: #e96969;
    color: #fff;
    box-shadow: 0 0 0 3px #e96969;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn69{
    background: #e47777;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #e47777;
    transition:all 0.4s ease;

}
.web-btn69:hover{
    background: #f76a6a;
    color: #fff;
    box-shadow: 0 0 0 3px #f76a6a;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn70{
    background: #b33d3d;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #b33d3d;
    transition:all 0.4s ease;

}
.web-btn70:hover{
    background: #fc4646;
    color: #fff;
    box-shadow: 0 0 0 3px #fc4646;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn71{
    background: #c02929;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #c02929;
    transition:all 0.4s ease;

}
.web-btn71:hover{
    background: #f72a2a;
    color: #fff;
    box-shadow: 0 0 0 3px #f72a2a;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn72{
    background: #fac5ad;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #fac5ad;
    transition:all 0.4s ease;

}
.web-btn72:hover{
    background: #d3a089;
    color: #fff;
    box-shadow: 0 0 0 3px #d3a089;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn63{
    background: #e4a88d;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #e4a88d;
    transition:all 0.4s ease;

}
.web-btn63:hover{
    background: #9e735f;
    color: #fff;
    box-shadow: 0 0 0 3px #9e735f;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn73{
    background: #fca279;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #fca279;
    transition:all 0.4s ease;

}
.web-btn73:hover{
    background: #b37457;
    color: #fff;
    box-shadow: 0 0 0 3px #b37457;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn74{
    background: #ee8656;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #ee8656;
    transition:all 0.4s ease;

}
.web-btn74:hover{
    background: #a85e3c;
    color: #fff;
    box-shadow: 0 0 0 3px #a85e3c;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn75{
    background: #fd9565;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #fd9565;
    transition:all 0.4s ease;

}
.web-btn75:hover{
    background: #f5611c;
    color: #fff;
    box-shadow: 0 0 0 3px #f5611c;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn76{
    background: #f7ae41;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #f7ae41;
    transition:all 0.4s ease;

}
.web-btn76:hover{
    background: #a3732b;
    color: #fff;
    box-shadow: 0 0 0 3px #a3732b;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn77{
    background: #f1c531;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #f1c531;
    transition:all 0.4s ease;

}
.web-btn77:hover{
    background: #b39123;
    color: #fff;
    box-shadow: 0 0 0 3px #b39123;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn78{
    background: #f7a901;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #f7a901;
    transition:all 0.4s ease;

}
.web-btn78:hover{
    background: #976802;
    color: #fff;
    box-shadow: 0 0 0 3px #976802;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn79{
    background: #f05006;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #f05006;
    transition:all 0.4s ease;

}
.web-btn79:hover{
    background: #a13503;
    color: #fff;
    box-shadow: 0 0 0 3px #a13503;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}

.web-btn80{
    background:#fd3402;
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #fd3402;
    transition:all 0.4s ease;

}
.web-btn80:hover{
    background: #851b01;
    color: #fff;
    box-shadow: 0 0 0 3px #851b01;
    border: 2px solid #fff;
    transition:all 0.4s ease;
    
}