.button{display:flex;flex-direction:row;align-items:center;flex:0 0 auto;flex-wrap:nowrap;border-style:solid;border-width:var(--border-width-1);font-family:var(--museo-sans);font-weight:var(--text-weight-500);transition:border-color .2s ease-in-out;transition:background-color .2s ease-in-out;transition:color none}.button-justify-content-start{justify-content:flex-start}.button-justify-content-center{justify-content:center}.button-size-30{height:var(--space-30)}.button-size-30,.button-size-35{padding-inline:var(--space-15);font-size:12px;gap:var(--space-10)}.button-size-35{height:var(--space-35)}.button-size-40{height:var(--space-40);padding-inline:var(--space-25);font-size:12px;gap:var(--space-15)}.button-size-50{height:var(--space-50);padding-inline:var(--space-30);font-size:14px;gap:var(--space-15)}.button-only-icon{padding-inline:0;gap:0;aspect-ratio:1/1}.button-corners-left-14{border-radius:var(--border-radius-14) 0 0 0}.button-corners-right-14{border-radius:0 0 var(--border-radius-14) 0}.button-corners-both-14{border-radius:var(--border-radius-14) 0 var(--border-radius-14) 0}.button-corners-none-14{border-radius:0}.button-corners-left-8{border-radius:var(--border-radius-8) 0 0 0}.button-corners-right-8{border-radius:0 0 var(--border-radius-8) 0}.button-corners-both-8{border-radius:var(--border-radius-8) 0 var(--border-radius-8) 0}.button-corners-none-8{border-radius:0}.button-color-orange{border-color:var(--color-orange-dark);color:var(--color-orange-darker);background-color:var(--color-orange-base);&:hover{border-color:var(--color-orange-darker);background-color:var(--color-orange-dark);color:var(--color-white)}}.button-color-orange-white{border-color:var(--color-orange-dark);color:var(--color-white);background-color:var(--color-orange-base);&:hover{border-color:var(--color-orange-darker);background-color:var(--color-orange-dark);color:var(--color-white)}}.button-color-blue{border-color:var(--color-blue-dark-200);color:var(--color-white);background-color:var(--color-blue-base);&:hover{border-color:var(--color-blue-dark-400);background-color:var(--color-blue-dark-300);color:var(--color-white)}}.button-color-blue-dark{border-color:var(--color-blue-dark-400);color:var(--color-white);background-color:var(--color-blue-dark-400);&:hover{border-color:var(--color-blue-dark-300);background-color:var(--color-blue-dark-300);color:var(--color-white)}}.button-color-blue-light{border-color:var(--color-blue-light-300);color:var(--color-blue-base);background-color:var(--color-blue-light-100);&:hover{border-color:var(--color-blue-light-300);background-color:var(--color-blue-light-200);color:var(--color-blue-base)}}.button-color-white{border-color:var(--color-blue-border-base);color:var(--color-blue-base);background-color:var(--color-white);&:hover{border-color:var(--color-blue-dark-300);background-color:var(--color-blue-base);color:var(--color-white)}}.button-color-whit-light{border-color:var(--color-blue-light-300);color:var(--color-blue-base);background-color:var(--color-white);&:hover{border-color:var(--color-blue-base);background-color:var(--color-blue-base);color:var(--color-white)}}.button-color-white-white{border-color:var(--color-white);color:var(--color-blue-dark-400);background-color:var(--color-white);&:hover{border-color:var(--color-white);background-color:var(--color-blue-dark-400);color:var(--color-white)}}.button-color-white-light{border-color:var(--color-blue-light-300);color:var(--color-blue-base);background-color:var(--color-white);&:hover{border-color:var(--color-blue-light-300);background-color:var(--color-blue-light-200);color:var(--color-blue-base)}}.button-color-white-dark{border-color:var(--color-white);color:var(--color-blue-dark-400);background-color:var(--color-white);&:hover{border-color:var(--color-white);background-color:var(--color-white);color:var(--color-blue-base)}}.button-color-transparent{border-color:var(--color-white);color:var(--color-white);background-color:var(--color-transparent);&:hover{border-color:var(--color-white);background-color:var(--color-white);color:var(--color-blue-dark-400)}}