.btn{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .3s ease,transform .2s ease;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);width:inherit}.btn-outlined{border:1px solid white}.btn-small{padding:6px 12px;font-size:14px}.btn-medium{padding:10px 16px;font-size:16px}.btn-large{padding:12px 20px;font-size:18px}.btn-rounded{border-radius:8px}.btn-pill-shaped{border-radius:999px}.btn-circle{border-radius:50%}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);background-color:var(--btn-primary-bg-hover);transform:translateY(-2px)}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn-secondary:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);background-color:var(--btn-secondary-bg-hover);transform:translateY(-2px)}.btn-link{color:var(--btn-primary-bg);text-underline-offset:2px}.btn-link:hover{color:var(--btn-primary-bg-hover)}.btn-inverted-link{background-color:var(--btn-primary-bg);color:white}