.btn{background-color:var(--main-color);display:inline-flex;align-items:center;justify-content:center;padding:0 15px;height:45px;cursor:pointer;color:#fff;border-radius:3px;border:0;appearance:none;font:inherit;font-weight:bold}.btn.btn-icon::before{font-size:20px;margin-right:10px;margin-left:-5px}.btn.btn-arrow::after{font-family:var(--font-icon);font-size:12px;content:"";margin-left:10px;opacity:.5}.btn.btn-arrow:hover::after{animation:arrow-right .7s ease-in-out infinite}.btn:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075))}.btn:active{background-image:linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15))}form.loading .btn[type=submit],btn.loading{background-image:repeating-linear-gradient(-45deg, #5b5b5b, #5b5b5b 1rem, #808080 1rem, #808080 2rem);background-size:200% 200%;animation:barberpole 1s linear infinite;color:#f4f4f4;text-shadow:1px 1px 0 #000;pointer-events:none}@keyframes arrow-right{0%{opacity:0;transform:translateX(-5px)}100%{opacity:0;transform:translateX(5px)}50%{opacity:1}}