.button-wrapper{position:relative;display:inline-block;width:fit-content;border-radius:10px;box-shadow:0 20px 20px rgba(0,0,0,.25);transition:box-shadow .2s ease,transform .2s ease;margin-bottom:10px}@media (max-width:1024px){.button-wrapper.full-width,.button-wrapper.full-width .button{width:100%}button{justify-content:center}}.button-wrapper:before{content:"";position:absolute;top:10px;left:0;right:0;bottom:0;height:100%;background:#1774A6;border-radius:10px;z-index:0;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,height .3s ease}.button{position:relative;background-image:linear-gradient(180deg,#1D91D0 70%,#4BA7D9);border-radius:10px;color:white;padding:.5rem 1.5rem;display:flex;align-items:center;overflow:hidden;z-index:1;transition:transform .2s ease,background-image .3s ease;height:50px}.button:before{content:"";position:absolute;inset:2px;background:#1D91D0;border-radius:8px;z-index:0;transition:background .3s ease}.button-text{font-size:1.5rem;font-weight:800;text-shadow:0 2px 0 #197BB1;text-transform:uppercase}.button-icon,.button-text{position:relative;color:white}.button-icon{vertical-align:middle;margin-right:.5rem}.button:active{transform:translateY(8px)}.button-wrapper:active{box-shadow:0 12px 0 rgba(0,0,0,.25)}.button-wrapper:hover:before{background:#185D85}.button-wrapper:hover .button:before{background:#1E74A6}.button-wrapper:hover .button{background-image:linear-gradient(180deg,#1E74A6 70%,#4B90B8)}.button-wrapper:hover .button-icon,.button-wrapper:hover .button-text{color:#B4EBFF}.button-wrapper.disabled{pointer-events:none;box-shadow:none}.button-wrapper.disabled:before{background-color:#DEEBF0;box-shadow:none}.button-wrapper.disabled .button{background-image:linear-gradient(180deg,#E8F9FF 70%,#E8F9FF)}.button-wrapper.disabled .button-icon,.button-wrapper.disabled .button-text{color:#DEEDF3;text-shadow:none}.button-wrapper.disabled .button:before{background:#E8F9FF}.button-wrapper.big .button{padding:.75rem 1.2rem}