.button{height:44px;outline:none;padding:0 20px;width:100%}.button.ghost{background-color:transparent!important}.button.ghost.button-black{box-shadow:inset 0 0 #000;color:#000;transition:box-shadow .6s,color .4s;-webkit-transition:box-shadow .6s,color .4s}.button.ghost.button-black:hover{border-color:#000;box-shadow:inset 0 0 0 58px #000;color:#fff}.button.ghost.button-white{box-shadow:inset 0 0 #fff;color:#fff;transition:box-shadow .6s,color .4s;-webkit-transition:box-shadow .6s,color .4s}.button.ghost.button-white:hover{border-color:#fff;box-shadow:inset 0 0 0 58px #fff;color:#000}.button.ghost.button-primary{box-shadow:inset 0 0 #1ececa;color:#1ececa;transition:box-shadow .6s,color .4s;-webkit-transition:box-shadow .6s,color .4s}.button.ghost.button-primary svg path{fill:#1ececa}.button.ghost.button-primary:hover{border-color:#1ececa;box-shadow:inset 0 0 0 58px #1ececa;color:#fff}.button.button-primary{background:#1ececa;border:2px solid #1ececa;color:#000}.button.button-primary:hover{background-color:#82d8d6;border-color:#82d8d6}.button.button-primary:hover svg path{fill:#fff}.button.button-black{background:#000;border:2px solid #000;color:#fff}.button.button-black:hover{background-color:#333;border-color:#333}.button.button-black:hover svg path{fill:#fff}.button.button-white{background:#fff;border:2px solid #fff;color:#fff}.button.button-white:hover{background-color:#f1f1f1;border-color:#f1f1f1}.button.button-white:hover svg path{fill:#000}.button.circle{border-radius:29px;overflow:hidden}