.mk-icon-button { position: relative; display: inline-block; vertical-align: middle; width: auto; margin: 0; font-family: inherit; font-size: 16px; line-height: 2em; font-weight: 500; text-decoration: none; text-transform: none; border-radius: 4px; outline: none; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out; padding: 11px 28px; display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; line-height: 1.2em; overflow: hidden; }
.mk-icon-button .mk-icon-button-text-holder { display: flex; align-items: center; }
.mk-icon-button .mk-icon-button-subtext { font-size: .75em; }
.mk-icon-button .mk-icon-button-subtext.mk-icon-button--subtext-color-set { transition: color .25s ease-in-out; }
.mk-icon-button.mk-icon-button-layout--filled { color: #333; background-color: #f2f2f2; border: 0; font-size: 1rem; border-style: solid; }
.mk-icon-button.mk-icon-button-layout--filled:hover { color: #fff; background-color: #333; }
.mk-icon-button.mk-icon-button-layout--outlined { color: #333; background-color: transparent; border: 2px solid #333; }
.mk-icon-button.mk-icon-button-layout--outlined:hover { color: #333; background-color: #f2f2f2; border-color: #f2f2f2; }
.mk-icon-button.mk-icon-button-icon--left .mk-icon-button-text-holder { flex-direction: row-reverse; }
.mk-icon-button .mk-icon-button-icon { color: currentColor; }
.mk-icon-button .mk-icon-button-icon.mk-icon-button--icon-color-set { transition: color .25s ease-in-out, background-color .25s ease-in-out; }
.mk-icon-button .mk-icon-button-icon svg { width: 1em; fill: currentColor; stroke: currentColor; }
.mk-icon-button.mk-icon-button-icon--right:not(.mk-icon-button-type--icon-boxed) .mk-icon-button-icon i,
.mk-icon-button.mk-icon-button-icon--right:not(.mk-icon-button-type--icon-boxed) .mk-icon-button-icon svg { margin-left: 10px; }
.mk-icon-button.mk-icon-button-icon--left:not(.mk-icon-button-type--icon-boxed) .mk-icon-button-icon i,
.mk-icon-button.mk-icon-button-icon--left:not(.mk-icon-button-type--icon-boxed) .mk-icon-button-icon svg { margin-right: 10px; }
.mk-icon-button.mk-icon-button-type--icon-boxed { padding: 0 !important; flex-direction: row; align-items: stretch; }
.mk-icon-button.mk-icon-button-type--icon-boxed .mk-icon-button-text-holder { flex-direction: column; padding: 11px 28px; }
.mk-icon-button.mk-icon-button-type--icon-boxed.mk-icon-button-icon--left { flex-direction: row-reverse; }
.mk-icon-button.mk-icon-button-type--icon-boxed.mk-icon-button-icon--left .mk-icon-button-icon-holder { flex-direction: row-reverse; }
.mk-icon-button.mk-icon-button-type--icon-boxed .mk-icon-button-text-holder { align-items: flex-start; justify-content: center; }
.mk-icon-button.mk-icon-button-type--icon-boxed .mk-icon-button-icon { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; padding: 11px 0; flex: 1; }
.mk-icon-button.mk-icon-button-type--icon-boxed .mk-icon-button-icon i { line-height: inherit; }
.mk-icon-button.mk-icon-button-type--icon-boxed .mk-icon-button-border { height: 100%; width: 2px; background-color: #111; transition: background-color .25s ease-in-out; }
.mk-icon-button-anim-bounce-right.mk-icon-button:hover .mk-icon-button-icon-inner { animation: bounceright .3s alternate ease infinite; }
@keyframes bounceright {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(5px); }
}
.mk-icon-button-anim-wiggle.mk-icon-button:hover .mk-icon-button-icon-inner { animation: wiggle .3s alternate ease infinite; }
@-webkit-keyframes wiggle {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(30deg); }
}
.mk-icon-button-anim-bounce-bottom.mk-icon-button:hover .mk-icon-button-icon-inner { animation: bounce-bottom .3s alternate ease infinite; }
@-webkit-keyframes bounce-bottom {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(5px); }
}
.mk-icon-button-anim-spin.mk-icon-button:hover .mk-icon-button-icon-inner { animation: spin .3s infinite linear; }
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
.mk-icon-button-anim-scale.mk-icon-button .mk-icon-button-icon-inner,
.mk-icon-button-anim-rotate.mk-icon-button .mk-icon-button-icon-inner { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.mk-icon-button-anim-scale.mk-icon-button .mk-icon-button-icon-inner { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); display: flex; }
.mk-icon-button-anim-scale.mk-icon-button:hover .mk-icon-button-icon-inner { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.mk-icon-button-anim-rotate.mk-icon-button .mk-icon-button-icon-inner { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
.mk-icon-button-anim-rotate.mk-icon-button:hover .mk-icon-button-icon-inner { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }