.buttons {
    position:relative;
    margin-top:.5rem;
    margin-bottom:.5rem;
}
.buttons a {
    display:inline-block;
    font: var(--font_size04) var(--font_bold);
    text-decoration:none;
    color: var(--col15);
    border: 1px solid transparent;
    border-radius: var(--radius_standard);
    transition: all 0.3s, ease-in-out 0.2s;
}
.buttons a:hover {
    text-decoration:none;
}
.buttons.SizeStd a {
    padding:1rem;
}
.buttons.SizeSmaller a {
    padding:.75rem;
}
.buttons.SizeBigger a {
    padding:1.5rem;
}
.buttons.SizeBig a {
    padding:2rem;
}
.buttons.SizeHalf a {
    width:50%;
    padding:1.5rem;
    text-align:center;
}
.buttons.SizeFull a {
    width:100%;
    display:block;
    padding:2rem;
    text-align:center;
}
.buttons.txtSizeStd a {
    font-size:1rem;
}
.buttons.txtSizeSmaller a {
    font-size:0.875rem;
}
.buttons.txtSizeSmall a {
    font-size:0.75rem;
}
.buttons.txtSizeBigger a {
    font-size:1.25rem;
}
.buttons.txtSizeBig a {
    font-size:1.5rem;
}
.buttons.filledCol1 a {
    background-color: var(--ci001);
    color: var(--col15);
}
.buttons.filledCol1 a:hover {
    background-color: var(--ci002);
}
.buttons.filledCol2 a {
    background-color: var(--ci010);
    color: var(--col15);
}
.buttons.filledCol2 a:hover {
    background-color: var(--ci011);
}
.buttons.filledCol3 a {
    background-color: var(--ci002);
    color: var(--col15);
}
.buttons.filledCol3 a:hover {
    background-color: var(--ci001);
}
.buttons.filledCol4 a {
    background-color: var(--ci002);
    color: var(--col15);
}
.buttons.filledCol4 a:hover {
    background-color: var(--ci010);
}

.buttons.buttonCenter {
    text-align:center;
}
.buttons.buttonRight {
    text-align:right;
}