.Button,.Button svg path{transition:all .5s}.Button{text-align:center;font-family:var(--font-roboto-flex);border-radius:14px;justify-content:center;align-items:center;padding:5px 12px;font-size:16px;font-style:normal;font-weight:600;line-height:22px;display:inline-flex;position:relative}.Button_blue,.Button_blue:hover{background-color:var(--button-blue);color:var(--color-white)}.Button_green{color:var(--color-green);background-color:var(--button-green);-webkit-backdrop-filter:var(--button-backdrop-filter);backdrop-filter:var(--button-backdrop-filter)}.Button_green:hover{color:var(--color-green);background-color:var(--button-green)}.Button_gray{background-color:var(--button-gray);color:var(--button-gray-color);-webkit-backdrop-filter:var(--button-backdrop-filter);backdrop-filter:var(--button-backdrop-filter)}.Button_gray:hover{background-color:var(--button-gray);color:var(--button-gray-color)}.Button_dark{background-color:var(--button-dark);color:var(--button-dark-color);-webkit-backdrop-filter:var(--button-backdrop-filter);backdrop-filter:var(--button-backdrop-filter)}.Button_dark:hover{background-color:var(--button-dark);color:var(--button-dark-color)}.Button_outline{border:1px solid var(--modal-stroke);color:var(--color-secondary)}.Button_fluid{width:100%}.Button_xxl{min-height:50px;padding:5px 14px}.Button_xl{min-height:42px}.Button_lg{min-height:38px}.Button_md{min-height:36px}.Button_sm{border-radius:10px;min-height:34px;padding:8px 12px;font-size:12px;line-height:18px}.Button_icon{gap:4px;min-width:42px}@media (max-width:768px){.Button_icon{padding:8px}}.Button_loading{position:relative}.Button_loading svg{margin:0}.Button:active{transform:scale(.98)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}