.cybele-btn:not(.variant-custom){align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--light-button);border-radius:var(--radius-full);border-width:0;box-shadow:inset 0 0 0 1px var(--light-button);color:var(--light-button-txt);cursor:pointer;display:inline-flex;justify-content:center;max-width:600px;overflow:hidden;padding:var(--padding-input-block) calc(var(--padding-input-inline) - 20px);position:relative;text-decoration:none;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.cybele-btn:not(.variant-custom){padding:var(--padding-input-block) calc(var(--padding-input-inline) - 12px)}}.cybele-btn:not(.variant-custom).btn-secondary{background-color:var(--blue-cybele-50);border:0;box-shadow:inset 0 0 0 1px var(--blue-cybele-50);color:var(--primary-color);padding:9px 16px}.cybele-btn:not(.variant-custom).btn-secondary:hover{background:var(--blue-cybele-300);box-shadow:inset 0 0 0 1px var(--blue-cybele-300);color:var(--white-500)}.cybele-btn:not(.variant-custom).variant-light-stroke{background:transparent;box-shadow:inset 0 0 0 1px var(--light-button);color:var(--light-button)}.cybele-btn:not(.variant-custom).variant-dark-filled{background:var(--dark-button);box-shadow:inset 0 0 0 1px var(--dark-button);color:var(--dark-button-txt)}.cybele-btn:not(.variant-custom).variant-dark-stroke{background:transparent;box-shadow:inset 0 0 0 1px var(--dark-button);color:var(--dark-button)}.cybele-btn:not(.variant-custom).variant-dark-small,.cybele-btn:not(.variant-custom).variant-light-small{background:transparent;border:0;padding:0}.cybele-btn:not(.variant-custom).variant-dark-small .text,.cybele-btn:not(.variant-custom).variant-light-small .text{padding:0}.cybele-btn:not(.variant-custom).variant-light-small{color:var(--light-button)}.cybele-btn:not(.variant-custom).variant-dark-small{color:var(--dark-button)}.cybele-btn:not(.variant-custom) .icon-wrapper{align-items:center;display:inline-flex}.cybele-btn:not(.variant-custom) .icon-wrapper .icon,.cybele-btn:not(.variant-custom) .icon-wrapper i{align-items:center;display:inline-flex;justify-content:center}.cybele-btn:not(.variant-custom).has-icon-left{padding-inline:var(--padding-input-inline)}.cybele-btn:not(.variant-custom).has-icon-left .icon-left{align-items:center;display:inline-flex;height:16px;justify-content:center;margin-right:7px;overflow:visible;position:relative;width:16px}.cybele-btn:not(.variant-custom).has-icon-left .icon-left>i{height:16px;left:0;position:absolute;transition:top .3s ease,opacity .3s ease;width:16px}.cybele-btn:not(.variant-custom).has-icon-left .icon-left>i:first-child{top:-50px}.cybele-btn:not(.variant-custom).has-icon-left .icon-left>i:nth-child(2),.cybele-btn:not(.variant-custom).has-icon-left:hover .icon-left>i:first-child{top:0}.cybele-btn:not(.variant-custom).has-icon-left:hover .icon-left>i:nth-child(2){top:50px}.cybele-btn:not(.variant-custom).has-icon-left:hover.variant-light-filled,.cybele-btn:not(.variant-custom).has-icon-left:hover.variant-light-stroke{background:var(--light-button-h);box-shadow:inset 0 0 0 1px var(--light-button-h);color:var(--light-button-txt)}.cybele-btn:not(.variant-custom).has-icon-left:hover.variant-dark-filled,.cybele-btn:not(.variant-custom).has-icon-left:hover.variant-dark-stroke{background:var(--dark-button-h);box-shadow:inset 0 0 0 1px var(--dark-button-h);color:var(--dark-button-txt)}.cybele-btn:not(.variant-custom).has-icon-right .text{padding-inline:20px;text-wrap:nowrap;transition:transform .3s ease}@media(max-width:768px){.cybele-btn:not(.variant-custom).has-icon-right .text{padding-inline:10px}}.cybele-btn:not(.variant-custom).has-icon-right .icon-right{position:relative;right:20px}.cybele-btn:not(.variant-custom).has-icon-right .icon-right i{border-radius:var(--radius-full);font-size:0;height:0;opacity:0;position:absolute;right:-7px;transition:all .3s cubic-bezier(.165,.84,.44,1);width:0}@media screen and (min-width:769px){.cybele-btn:not(.variant-custom).has-icon-right:hover .text{transform:translate(-15px)}.cybele-btn:not(.variant-custom).has-icon-right:hover .icon-right i{font-size:10px;height:clamp(1.375rem,1.0507rem + .6757vw,1.625rem);opacity:1;right:-20px;width:clamp(1.375rem,1.0507rem + .6757vw,1.625rem)}.cybele-btn:not(.variant-custom).has-icon-right:hover.variant-dark-filled .icon-right i{background-color:var(--dark-button-txt);color:var(--dark-button)}.cybele-btn:not(.variant-custom).has-icon-right:hover.variant-light-filled .icon-right i{background-color:var(--light-button-icon-h);color:var(--light-button-txt)}.cybele-btn:not(.variant-custom).has-icon-right:hover.variant-light-stroke .icon-right i{background-color:var(--light-button);color:var(--light-button-txt)}.cybele-btn:not(.variant-custom).has-icon-right:hover.variant-dark-stroke .icon-right i{background-color:var(--dark-button);color:var(--dark-button-txt)}}