.row.btn-list {
    gap: 1rem;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 1rem;
}

.btn {
    display: inline-block;
    padding: 0.8em 1.5em;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS',
        sans-serif;
    font-size: 1.25rem;
    line-height: 1em;
    background-color: var(--secondary-1);
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    border-radius: 0.4em;
    border: none;
    cursor: pointer;
    user-select: none;
}
.btn:hover {
    background-color: var(--secondary-2);
}

.btn.btn-big {
    font-size: 2rem;
}
.btn.btn-small {
    font-size: 0.7rem;
}

.btn.btn-yellow {
    background-color: #ffff00;
    color: #111;
}
.btn.btn-yellow:hover {
    background-color: #d3d303;
    color: #111;
}
.btn.btn-green {
    background-color: #00ff00;
    color: #111;
}
.btn.btn-green:hover {
    background-color: #00d300;
    color: #111;
}

.btn.btn-squar {
    border-radius: 0;
}
.btn.btn-rounder {
    border-radius: 1em;
}
.btn.btn-stadium {
    border-radius: 1.5em;
}

.btn.btn-icon {
    width: 4rem;
    height: 4rem;
    padding: 0;
    font-family: FontAwesome;
    font-size: 2.2rem;
    text-align: center;
    line-height: 3.6rem;
    border-radius: 50%;
}