.button{background-color:var(--osnovnoy-s2);border:none;border-radius:8px;color:var(--osnovnoy-s2);font-size:14px;font-weight:600;outline:none;padding:10px 24px;transition:background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);margin:0 0 0 10px}.button:active{transform:translateY(1px)}.button__primary{background-color:var(--peter-river)}.button__primary:focus,.button__primary:hover{background-color:var(--peter-river-hover)}.button__primary:focus-visible{box-shadow:0 0 0 3px var(--focus-ring-color)}.button__default{background-color:var(--osnovnoy-t1)}.button__default:focus,.button__default:hover{background-color:var(--osnovnoy-t2)}.button__default:focus-visible{box-shadow:0 0 0 3px var(--focus-ring-color)}.button__default{color:var(--wet-asphalt)}.button__small{font-size:70%;padding:4px 10px;border-radius:6px}.button__outlined{background-color:unset;border:1px solid var(--peter-river);color:var(--peter-river)}.button__outlined:focus,.button__outlined:hover{background-color:var(--primary-wash-soft);border:1px solid var(--peter-river);color:var(--peter-river-hover)}.button__outlined:focus-visible{box-shadow:0 0 0 3px var(--focus-ring-color)}