@charset "utf-8";
/* CSS Document */

.abc-button {
    
    padding: 8px 8px 8px 12px;
    display: table;
    width:100%;

}

.abc-button > div {
    
    display: table-cell;
    vertical-align: middle;

}

.abc-button > .text {
    
    width:85%;
    text-align: left;

}

.abc-button > .image {
    
    width:15%;
    text-align: right;

}

.abc-button:hover {
    
    text-decoration: none;

}

.abc-button.small {
    
    font-size: var(--text-size-small);
    line-height: var(--text-lh-small-tight);

}

.abc-button.normal {
    
    font-size: var(--text-size-normal);
    line-height: var(--text-lh-normal-tight);

}

.abc-button.large {
    
    font-size: var(--text-size-large);
    line-height: var(--text-lh-large-tight);

}

.abc-button.small > .image > svg {
    
    width:auto;
    height:16px;

}

.abc-button.normal > .image > svg {
    
    width:auto;
    height:20px;

}

.abc-button.large > .image > svg {
    
    width:auto;
    height:24px;

}

@media screen and (max-width: 1220px) {
    


}

@media screen and (max-width: 1000px) {



}