.button-list{display:flex;width:100%;flex-wrap:wrap;align-items:center;gap:1rem}.button-list-center{justify-content:center}.button-list-right{justify-content:flex-end}.button-list button{cursor:pointer}.button-list .button{display:flex;width:fit-content;padding:.5555555556rem .5555555556rem .5555555556rem .9444444444rem;border:2px solid transparent;align-items:center;font-size:max(14px,1rem);font-weight:700;line-height:1.5rem;text-decoration:none;border-radius:50px;transition:background-color .2s,color .2s,border-color .2s}.button-list .button:after{content:"";font-family:icomoon!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never;display:flex;min-width:1.3888888889rem;min-height:1.3888888889rem;margin-left:.5555555556rem;align-items:center;justify-content:center;font-size:12px;border-radius:25px;transition:transform .2s,background-color .2s,color .2s}.button-list .button.without-background-white{border-color:#fff;color:#fff200}.button-list .button.without-background-white:after{color:#000;background-color:#fff}.button-list .button.without-background-colored{position:relative;padding:.8333333333rem 1.3333333333rem;border:none;color:#fff;background:none}.button-list .button.without-background-colored:hover:not(:disabled):before{background:none;mask:linear-gradient(#ffffff 0 0) exclude,linear-gradient(#ffffff 0 0) content-box}.button-list .button.without-background-colored:after{content:none}.button-list .button.without-background-colored:before{content:"";position:absolute;padding:max(2px,.1666666667rem);background:linear-gradient(135deg,#c5f0f9,#5c9aff 36%,#e1d8f1 70%,#ffb5e6);border-radius:2.7777777778rem;transition:background .2s,mask .2s;top:0;right:0;bottom:0;left:0;mask:linear-gradient(#000000 0 0) exclude,linear-gradient(#000000 0 0) content-box}.button-list .button.without-background-arrow{padding:.4444444444rem .6666666667rem .4444444444rem 1.1111111111rem;border:2px solid #ffffff;color:#00ff4c}.button-list .button.without-background-arrow:after{color:#000;font-size:13px;background-color:#fff;transition:transform .2s,background-color .2s,color .2s}.button-list .button.with-background-yellow{border-color:#fff200;color:#000;background-color:#fff200}.button-list .button.with-background-yellow:after{color:#fff200;background-color:#000}.button-list .button.with-background-green{border-color:#00ff4c;color:#000;background-color:#00ff4c}.button-list .button.with-background-green:after{color:#00ff4c;background-color:#000}.button-list .button:hover:not(:disabled){border-color:#fff;color:#000;background-color:#fff}.button-list .button:hover:not(:disabled):after{transform:rotate(-45deg);color:#fff;background-color:#000}@media (max-width: 650px){.content-wrap:has(.button-list.button-list-scroll){padding:0}.content-wrap:has(.button-list.button-list-scroll)>*{padding-left:30px;padding-right:30px}.button-list.button-list-scroll{flex-wrap:nowrap;overflow-x:scroll;scrollbar-width:none;max-width:100%;width:100%}.button-list.button-list-scroll::-webkit-scrollbar{display:none}.button-list.button-list-scroll a,.button-list.button-list-scroll button{white-space:nowrap}}