.button{display:flex;align-items:center;gap:10px;border-radius:12px;color:#fff;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);border:none;cursor:pointer;padding:.6rem 1rem;position:relative;overflow:hidden}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button p{margin:0;position:relative;z-index:1}.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);padding:.85rem 1.75rem;box-shadow:0 4px 16px rgba(37,99,235,.3)}.primary[type=submit]{text-align:center;justify-content:center}.primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1d4ed8,#1e40af);opacity:0;transition:opacity .3s ease}.primary:hover{box-shadow:0 8px 24px rgba(37,99,235,.4)}.primary:hover:before{opacity:1}.secondary{background-color:rgba(37,99,235,.08);border:2px solid rgba(37,99,235,.6);padding:.85rem 1.75rem}.secondary:hover{background-color:rgba(37,99,235,.15);border-color:#2563eb;box-shadow:0 4px 16px rgba(37,99,235,.2)}.transparent-button{background-color:rgba(0,0,0,0);border:none;padding:0}