.vbl-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--vbl-space-12);font-family:var(--vbl-font-family);font-size:var(--vbl-body-size);font-weight:var(--vbl-font-weight-semibold);letter-spacing:var(--vbl-letter-button);text-transform:uppercase;padding:var(--vbl-space-16) var(--vbl-space-32);border:none;border-radius:var(--vbl-radius-pill);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background var(--vbl-transition-normal),color var(--vbl-transition-normal),border-color var(--vbl-transition-normal),transform var(--vbl-transition-fast),box-shadow var(--vbl-transition-normal)}.vbl-btn:hover{transform:translateY(var(--vbl-button-lift))}.vbl-btn:active{transform:translateY(0)}.vbl-btn:disabled{opacity:var(--vbl-opacity-disabled);cursor:not-allowed;pointer-events:none}.vbl-btn--primary{background:var(--vbl-color-primary);color:var(--vbl-text-light)}.vbl-btn--primary:hover{background:var(--vbl-color-secondary)}.vbl-btn--secondary{background:var(--vbl-bg-primary);color:var(--vbl-color-primary);border:var(--vbl-border-medium) solid var(--vbl-color-primary)}.vbl-btn--secondary:hover{background:var(--vbl-color-primary);color:var(--vbl-text-light)}.vbl-btn--outline{background:transparent;color:var(--vbl-text-primary);border:var(--vbl-border-medium) solid var(--vbl-color-border)}.vbl-btn--outline:hover{border-color:var(--vbl-color-primary);color:var(--vbl-color-primary)}.vbl-btn--ghost{background:none;color:var(--vbl-color-primary)}.vbl-btn--ghost:hover{background:#0d2d5a0f}.vbl-btn--link{padding:0;background:none;border:0;color:var(--vbl-color-primary);text-transform:none}.vbl-btn--link:hover{text-decoration:underline}.vbl-btn--commerce{width:100%;background:var(--vbl-color-black);color:var(--vbl-text-light)}.vbl-btn--commerce:hover{background:var(--vbl-color-black-hover)}.vbl-btn--success{background:var(--vbl-color-success);color:var(--vbl-text-light)}.vbl-btn--warning{background:var(--vbl-color-warning);color:var(--vbl-color-black)}.vbl-btn--danger{background:var(--vbl-color-danger);color:var(--vbl-text-light)}.vbl-btn--rounded{border-radius:var(--vbl-radius-lg)}.vbl-btn--square{border-radius:0}.vbl-btn--xs{padding:var(--vbl-space-8) var(--vbl-space-16);font-size:var(--vbl-caption-size)}.vbl-btn--sm{padding:var(--vbl-space-12) var(--vbl-space-24);font-size:var(--vbl-small-size)}.vbl-btn--md{padding:var(--vbl-space-16) var(--vbl-space-32);font-size:var(--vbl-body-size)}.vbl-btn--lg{padding:var(--vbl-space-20) var(--vbl-space-40);font-size:var(--vbl-h4-size)}.vbl-btn--xl{padding:var(--vbl-space-24) var(--vbl-space-48);font-size:var(--vbl-h3-size)}.vbl-btn--block{width:100%}.vbl-btn--icon{display:inline-flex;align-items:center;gap:var(--vbl-space-12)}.vbl-btn--icon-right{flex-direction:row-reverse}.vbl-btn__icon{width:18px;height:18px;flex:0 0 auto}.vbl-btn__icon .vbl-icon{width:100%;height:100%}.vbl-btn--loading{position:relative;color:transparent}.vbl-btn--loading:after{content:"";position:absolute;width:var(--vbl-space-20);height:var(--vbl-space-20);border:var(--vbl-border-medium) solid rgba(255,255,255,.3);border-top-color:var(--vbl-text-light);border-radius:50%;animation:vbl-button-spin .7s linear infinite}.vbl-btn:focus-visible{outline:3px solid var(--vbl-color-accent);outline-offset:3px}.vbl-btn-group{display:flex;flex-wrap:wrap;gap:var(--vbl-space-16)}@keyframes vbl-button-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.vbl-btn--block{width:100%}.vbl-btn-group{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/velora-buttons.css.map */