* / . ui . button { cursor : pointer ; display : inline-block ; min-height : 1 em ; outline : 0 ; border : none ; vertical-align : baseline ; background : #e0e1e2 none ; color : rgba ( 0 , 0 , 0 , .6 ) ; font-family : Lato , 'Helvetica Neue' , Arial , Helvetica , sans-serif ; margin : 0 .25 em 0 0 ; padding : .78571429 em 1.5 em .78571429 em ; text-transform : none ; text-shadow : none ; font-weight : 700 ; line-height : 1 em ; font-style : normal ; text-align : center ; text-decoration : none ; border-radius : .28571429 rem ; -webkit- box-shadow : 0 0 0 1 px transparent inset , 0 0 0 0 rgba ( 34 , 36 , 38 , .15 ) inset ; box-shadow : 0 0 0 1 px transparent inset , 0 0 0 0 rgba ( 34 , 36 , 38 , .15 ) inset ; -webkit- user-select : none ; -moz- user-select : none ; -ms- user-select : none ; user-select : none ; -webkit- transition : opacity .1 s ease , background-color .1 s ease , color .1 s ease , background .1 s ease , -webkit- box-shadow .1 s ease ; transition : opacity .1 s ease , background-color .1 s ease , color .1 s ease , background .1 s ease , -webkit- box-shadow .1 s ease ; transition : opacity .1 s ease , background-color .1 s ease , color .1 s ease , box-shadow .1 s ease , background .1 s ease ; transition : opacity .1 s ease , background-color .1 s ease , color .1 s ease , box-shadow .1 s ease , background .1 s ease , -webkit- box-shadow .1 s ease ; will-change : '' ; -webkit- tap-highlight-color : transparent } . ui . button : hover { background-color : #cacbcd ; background-image : none ; -webkit- box-shadow : 0 0 0 1 px transparent inset , 0 0 0 0 rgba ( 34 , 36 , 38 , .15 ) inset ; box-shadow : 0 0 0 1 px transparent inset , 0 0 0 0 rgba ( 34 , 36 , 38 , .15 ) inset ; color : rgba ( 0 , 0 , 0 , .8 ) } . ui . button : hover . icon { opacity : .85 } . ui . button : focus { background-color : #cacbcd ; color : rgba ( 0 , 0 , 0 , .8 ) ; background-image : '' !important ; -webkit- box-shadow : '' !important ; box-shadow : '' !important } . ui . button : focus . icon { opacity : .85 } . ui . active . button : active , . ui . button : active { background-color : #babbbc ; background-image : '' ; color : rgba ( 0 , 0 , 0 , .9 ) ; -webkit- box-shadow : 0 0 0 1 px transparent inset , none ; box-shadow : 0 0 0 1 px transparent inset , none } . ui . active . button { background-color : #c0c1c2 ; background-image : none ; -webkit- box-shadow : 0 0 0 1 px transparent inset ; box-shadow : 0 0 0 1 px transparent inset ; color : rgba ( 0 , 0 , 0 , .95 ) } . ui . active . button : hover { background-color : #c0c1c2 ; background-image : none ; color : rgba ( 0 , 0 , 0 , .95 ) } . ui . active . button : active { background-color : #c0c1c2 ; background-image : none } . ui . loading . loading . loading . loading . loading . loading . button { position : relative ; cursor : default ; text-shadow : none !important ; color : transparent !important ; opacity : 1 ; pointer-events : auto ; -webkit- transition : all 0 s linear , opacity .1 s ease ; transition : all 0 s linear , opacity .1 s ease } . ui . loading . button : before { position : absolute ; content : '' ; top : 50 % ; left : 50 % ; margin : -.64285714 em 0 0 -.64285714 em ; width : 1.28571429 em ; height : 1.28571429 em ; border-radius : 500 rem ; border : .2 em solid rgba ( 0 , 0 , 0 , .15 ) } . ui . loading . button : after { position : absolute ; content : '' ; top : 50 % ; left : 50 % ; margin : -.64285714 em 0 0 -.64285714 em ; width : 1.28571429 em ; height : 1.28571429 em ; -webkit- animation : button-spin .6 s linear ; animation : button-spin .6 s linear ; -webkit- animation-iteration-count : infinite ; animation-iteration-count : infinite ; border-radius : 500 rem ; border-color : #fff transparent transparent ; border-style : solid ; border-width : .2 em ; -webkit- box-shadow : 0 0 0 1 px transparent ; box-shadow : 0 0 0 1 px transparent } . ui . labeled . icon . loading . button . icon { background-color : transparent ; -webkit- box-shadow : none ; box-shadow : none } @ -webkit-keyframes button-spin { from { -webkit- transform : rotate ( 0 ) ; transform : rotate ( 0 ) } to { -webkit- transform : rotate ( 360 deg ) ; transform : rotate ( 360 deg ) } } @ keyframes button-spin { from { -webkit- transform : rotate ( 0 ) ; transform : rotate ( 0 ) } to { -webkit- transform : rotate ( 360 deg ) ; transform : rotate ( 360 deg ) } } . ui . basic . loading . button : not ( . inverted ) : before { border-color : rgba ( 0 , 0 , 0 , .1 ) } . ui . basic . loading . button : not ( . inverted ) : after { border-top-color : #767676 } . ui . button : disabled , . ui . buttons . disabled . button , . ui . disabled . active . button , . ui . disabled . button , . ui . disabled . button : hover { cursor : default ; opacity : .45 !important ; background-image : none !important ; -webkit- box-shadow : none !important ; box-shadow : none !important ; pointer-events : none !important } . ui . basic . buttons . ui . disabled . button { border-color : rgba ( 34 , 36 , 38 , .5 ) } . ui . animated . button { position : relative ; overflow : hidden ; p a d