.log .button{align-items:center;border:1px solid transparent;border-radius:4px;cursor:pointer;display:flex;font-family:Rubik,sans-serif;font-size:16px;font-style:normal;font-weight:400;font-weight:700;gap:8px;height:var(--button-height);justify-content:center;line-height:130%;line-height:100%;padding:16px 32px;text-align:center;transition:border-color .2s linear,background-color .2s linear,opacity .2s linear,color .2s linear}.log .button[disabled]{opacity:.4;pointer-events:none}.log .button svg{height:12px;width:12px}.log .button--primary{background:var(--Turquoise);border-color:var(--Turquoise);color:var(--White)}@media(hover:hover){.log .button--primary:hover{background-color:var(--White,#fff);color:var(--Turquoise)}}.log .button--ghost{background-color:var(--White,#fff);border-color:var(--Yellow,#ffb706);color:var(--Blue,#12223c)}@media(hover:hover){.log .button--ghost:hover{background-color:var(--Yellow,#ffb706);color:var(--White,#fff)}}.log .button--black{background-color:var(--Blue);border-color:var(--Blue);color:var(--White)}@media(hover:hover){.log .button--black:hover{background-color:var(--White);color:var(--Blue)}}.log .button--is-media-fluid{width:-moz-max-content;width:max-content}@media not (min-width:768px){.log .button--is-media-fluid{width:100%}}.log .button--transparent{background-color:transparent;border-color:var(--Yellow,#ffb706);color:var(--Yellow,#ffb706)}@media(hover:hover){.log .button--transparent:hover{background-color:var(--Yellow,#ffb706);color:var(--White,#fff)}}.log .button--transparent-white{background-color:transparent;border-color:var(--White);color:var(--White)}@media(hover:hover){.log .button--transparent-white:hover{background-color:var(--White);color:var(--Blue)}}