.component.center{text-align:center}.component.left{text-align:left}.component.right{text-align:right}.button-component{position:relative;display:inline-block;vertical-align:top;margin:10px auto;padding:0 40px;line-height:24px;background:var(--primary);border:2px solid transparent;text-align:center;color:var(--white);box-sizing:border-box;cursor:pointer;opacity:1;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}.button-component.only_icon[data-icon]:not([data-icon=""]):before{padding-left:0}.button-component[data-icon]:not([data-icon=""]):before{content:attr(data-icon);font-family:Material Icons Outlined;vertical-align:middle;padding-left:10px}.button-component>div,.button-component>a{display:block;text-align:center;line-height:54px}.button-component.left>div,.button-component.left>a{text-align:left}.button-component.right>div,.button-component.right>a{text-align:right}.button-component:hover{border:2px solid var(--primary)}.rounded .button-component{border-radius:30px}.component .button-component{text-align:center}