.f-button{--button-border-radius: 2px}.f-button__default{--button-color: #333;--button-background: #f0f0f0;--button-hover: #e8e8e8;--button-active: #d7d7d7}.f-button__primary{--button-color: #fbfbfd;--button-background: #2d5af1;--button-hover: #5d80f4;--button-active: #0f3edc}.f-button__success{--button-color: #fbfbfd;--button-background: #52b35e;--button-hover: #75c37f;--button-active: #40924a}.f-button__danger{--button-color: #fbfbfd;--button-background: #ff0200;--button-hover: #ff5857;--button-active: #cc0200}.f-button__warning{--button-color: #fbfbfd;--button-background: #fcc202;--button-hover: #fed348;--button-active: #c99b02}.f-button__info{--button-color: #fbfbfd;--button-background: #1d1d1f;--button-hover: #4e4e56;--button-active: #080808}.f-button__default.f-button__simple{--button-color: #333;--button-background: #f8f8f8;--button-hover: #f0f0f0;--button-active: #e1e1e1}.f-button__primary.f-button__simple{--button-color: #2d5af1;--button-background: #dee5fd;--button-hover: #ecf0fe;--button-active: #d0dafc}.f-button__success.f-button__simple{--button-color: #52b35e;--button-background: #e7f4e8;--button-hover: #f1f9f2;--button-active: #dcf0df}.f-button__danger.f-button__simple{--button-color: #ff0200;--button-background: #ffd7d6;--button-hover: #ffe6e6;--button-active: #ffc7c7}.f-button__warning.f-button__simple{--button-color: #fcc202;--button-background: #fff5d6;--button-hover: #fff9e5;--button-active: #fff2c6}.f-button__info.f-button__simple{--button-color: #1d1d1f;--button-background: #bdbdbd;--button-hover: #cbcaca;--button-active: #a8a7a7}.f-button__default.f-button__text{--button-color: #333;--button-background: none;--button-hover: #e8e8e8;--button-active: #d7d7d7}.f-button__primary.f-button__text{--button-color: #2d5af1;--button-background: none;--button-hover: #e8e8e8;--button-active: #d7d7d7}.f-button__success.f-button__text{--button-color: #52b35e;--button-background: none;--button-hover: #e8e8e8;--button-active: #d7d7d7}.f-button__danger.f-button__text{--button-color: #ff0200;--button-background: none;--button-hover: #e8e8e8;--button-active: #d7d7d7}.f-button__warning.f-button__text{--button-color: #fcc202;--button-background: none;--button-hover: #e8e8e8;--button-active: #d7d7d7}.f-button__info.f-button__text{--button-color: #1d1d1f;--button-background: none;--button-hover: #e8e8e8;--button-active: #d7d7d7}.f-button__large{--button-height: 40px;--button-padding: 30px;--button-font-size: 16px}.f-button__middle{--button-height: 35px;--button-padding: 25px;--button-font-size: 15px}.f-button__small{--button-height: 30px;--button-padding: 20px;--button-font-size: 14px}.f-button__mini{--button-height: 25px;--button-padding: 15px;--button-font-size: 13px}.f-button__round{--button-border-radius: 25px}.f-button{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none;outline:0;cursor:pointer;white-space:nowrap;vertical-align:middle;transition:.3s;border-radius:2px;border-radius:var(--button-border-radius, 2px);box-shadow:var(--button-shadow);font-size:var(--button-font-size);background-color:var(--button-background);height:var(--button-height);padding:0 var(--button-padding);color:var(--button-color)}.f-button.f-button__spread:after{content:"";display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;border-radius:inherit;transition:.3s;box-shadow:0 0 0 4px var(--button-background)}.f-button:not([disabled]):active:after{box-shadow:none;opacity:1;transition:0s}.f-button:not([disabled]):hover{background-color:var(--button-hover)}.f-button:not([disabled]):active{background-color:var(--button-active)}.f-button.f-button__circle{width:var(--button-height);padding:0;border-radius:50%}.f-button.f-button__block{display:block;width:100%}.f-button.f-button__bold{font-weight:700}.f-button[disabled]{opacity:.5;cursor:not-allowed}.f-button__loading-animation{animation:f-button-loading-animation 1s linear infinite}@keyframes f-button-loading-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.f-button__ripples-box{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.f-button__ripples-box .f-button__ripples{width:2px;height:2px;position:absolute;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;animation:f-button-ripples .7s linear;opacity:.5;background-color:#fff}@keyframes f-button-ripples{0%{width:2px;height:2px;opacity:.5}to{opacity:0;width:500px;height:500px}}.f-button:not([class~="f-button__circle f-button__icon"]):not([class~=f-button__icon]) .f-button_before-icon{margin-right:5px}.f-button:not([class~="f-button__circle f-button__icon"]):not([class~=f-button__icon]) .f-button_after-icon{margin-left:5px}