.button {
    display: flex;
    padding-top:.5rem;
    padding-bottom:.5rem;
}
.button a {
     font:1rem var(--font_regular);
    color:var(--col15);
    border: 1px solid transparent;
    -moz-transition: all 0.3s, ease-in-out 0.2s; -webkit-transition: all 0.3s, ease-in-out 0.2s; -o-transition: all 0.3s, ease-in-out 0.2s; transition: all 0.3s, ease-in-out 0.2s;
}
.button a:hover {
    text-decoration:none;
}
.button.SizeStd a {
    padding:1rem;
}
.button.SizeSmaller a {
    padding:.75rem;
}
.button.SizeBigger a {
    padding:1.5rem;
}
.button.SizeBig a {
    padding:2rem;
}
.button.SizeHalf a {
    width:50%;
    padding:1.5rem;
    text-align:center;
}
.button.SizeFull a {
    width:100%;
    display:block;
    padding:2rem;
    text-align:center;
}
.button.txtSizeStd a {
    font-size:var(--font_size4);
}
.button.txtSizeSmaller a {
    font-size:var(--font_size3);
}
.button.txtSizeSmall a {
    font-size:var(--font_size1);
}
.button.txtSizeBigger a {
    font-size:var(--font_size6);
}
.button.txtSizeBig a {
    font-size:var(--font_size7);
}
.button.filledCol1 a {
    background-color: var(--ci001);
    color:var(--col15);
}
.button.filledCol1 a:hover {
    background-color: var(--gry80);
    color:var(--col15);
}
.button.filledCol2 a {
    background-color: var(--gry80);
    color:var(--col15);
}
.button.filledCol2 a:hover {
    background-color: var(--ci001);
    color:var(--col15);
}
.button.outlineCol1 a {
    border-color: var(--ci001);
    color: var(--ci001);
    background-color:transparent;
}
.button.outlineCol1 a:hover {
    background-color: var(--ci001);
    border-color: var(--ci001);
    color: var(--col15);
}
.button.outlineCol2 a {
    border-color: var(--gry80);
    color: var(--gry80);
    background-color:transparent;
}
.button.outlineCol2 a:hover {
    background-color: var(--gry80);
    border-color: var(--gry80);
    color: var(--col15);
}
.button.borderR1 a {
    border-radius:.1875rem;
}
.button.borderR2 a {
    border-radius:.3125rem;
}
.button.borderR3 a {
    border-radius:.4375rem;
}
.button.borderR4 a {
    border-radius:.625rem;
}
.button.borderR5 a {
    border-radius:.8125rem;
}
.button.borderR6 a {
    border-radius:1rem;
}
.button.buttonCenter {
    text-align:center;
}
.button.buttonRight {
    text-align:right;
}
.button.Shadow a {
    -webkit-box-shadow:0 0 .5rem 0 rgba(var(--gry80),.5);
    box-shadow:0 0 .5rem 0 rgba(var(--gry80),.5);
}
.button.Shadow a:hover {
    -webkit-box-shadow:0 0 .75rem 0 rgba(var(--gry80),.8);
    box-shadow:0 0 .75rem 0 rgba(var(--gry80),.8);
}