.base-button{border:1px solid transparent;color:#000;display:flex;font-size:18px;font-variation-settings:"wdth" 50,"wght" 700;font-weight:400;padding:16px;position:relative;text-transform:uppercase;transition:background-color .4s ease,color .4s ease,box-shadow .4s ease,border-color .4s ease}@media(min-width:768px){.base-button{padding:24px}}.base-button.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.base-button .content{align-items:center;display:flex;gap:20px}.base-button img{height:24px;width:-moz-fit-content;width:fit-content}.base-button--black{background-color:#000;border-color:#000;color:#fff}.base-button--black:hover{background-color:#494949;border-color:#494949}.base-button--golden{background-color:#917300;border-color:#917300;color:#fff}.base-button--golden:hover{background-color:#423500;border-color:#423500}.base-button--yellow{background-color:#ffc107;border-color:#ffc107;color:#000}.base-button--yellow:hover{background-color:#997300;border-color:#997300}.base-button--white{border-color:#fff;color:#fff}.base-button--white:hover{background:#181818;border-color:#c4c4c4;color:#c4c4c4}.base-button--white-bg{background-color:#fff;border-color:#fff;color:#000}.base-button--white-bg:hover{background:#c4c4c4;border-color:#c4c4c4}.base-button--transparent{border-color:#494949;color:#000}.base-button--transparent:hover{background:#f5f5f5;color:#494949}.base-button--transparent-underline{color:#000;padding-inline:0;position:relative;z-index:1}.base-button--transparent-underline:before{background:transparent;border-bottom:1px solid;content:"";inset:0;position:absolute;transition:background-color .2s ease,left .2s ease,right .2s ease;z-index:-1}.base-button--transparent-underline:hover:before{background:#f5f5f5;left:-1rem;right:-1rem}