.button{height:40px;font-family:inherit;border:none;padding:10px 16px;border-radius:50px;background-color:var(--colors-secondary);color:var(--colors-primary);fill:var(--colors-primary);font-weight:590;font-size:1rem;cursor:pointer;transition:all .2s;text-align:center;display:flex;align-items:center;gap:8px;&:hover{color:var(--colors-secondary);fill:var(--colors-secondary);background-color:var(--colors-primary);transform:scale(.98)}&:focus{outline:none}&:focus-visible{outline:2px solid var(--colors-text-primary)}}.button-inverted{background-color:var(--colors-primary);color:var(--colors-secondary);fill:var(--colors-secondary);&:hover{color:var(--colors-primary);fill:var(--colors-primary);background-color:var(--colors-secondary)}}.button-text{background:none;color:var(--colors-text-light);fill:var(--colors-text-light);&:hover{color:var(--colors-primary);fill:var(--colors-primary);background:none}}.button-size-large{text-transform:uppercase;padding:12px 24px;height:auto}.button-icon{transition:transform .2s ease-in-out;background:none;border:none}.button-icon:hover{transform:scale(1.1)}.button-icon:active{transform:scale(.9)}.button-icon:focus{outline:none}.button-icon:focus-visible{outline:2px solid var(--colors-text-primary)}.link,.link-text{cursor:pointer}.link-text{color:var(--colors-text-primary);&:hover{text-decoration:underline}}.link:focus{outline:none}.link:focus-visible{outline:none}.outline-text[data-focus-visible=true]:focus{outline:2px solid var(--colors-text-primary);border-radius:6px}.outline-box[data-focus-visible=true]:focus{outline:2px solid var(--colors-text-primary);box-shadow:0 0 12px var(--colors-text-primary)!important;border-radius:var(--border-radius)}.already-registered{display:flex;align-items:center;gap:12px}.action{padding:12px 24px;border-radius:12px;background-color:#952bff;color:#fff;font-weight:600;text-transform:uppercase;cursor:pointer;transition:background-color .2s;&:hover{background-color:#952bffaa}}.register{background-color:#95ff2b;color:#000;&:hover{background-color:#95ff2baa}}.bento{flex-direction:row}.bento,.bento-card{display:flex;gap:12px}.bento-card{background-color:#ffffffee;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:12px;box-shadow:0 0 24px 0 rgba(0,0,0,.1);padding:22px;border:1px solid #e3e3e3;flex-direction:column;width:100%;transition:all .2s;&:hover{box-shadow:0 0 24px 0 rgba(0,0,0,.2)}img{width:100%;border-radius:12px}h2{text-align:center}}