/* ─── Download buttons ─── */

.btn-download {
    width: 100%;
    padding: 4px 20px;
    min-height: 36px;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    color: #fdfcfc;
    background-color: #3C8527;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: background-color 0.15s ease;
    -moz-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
}

.btn-green {
    background-color: #3C8527;
    border: 0;
    color: #fdfcfc;
}

.btn-orange {
    background-color: #f0ad4e;
    border: 0;
    color: #201d1d;
}

.btn-cyan {
    background-color: #5bc0de;
    border: 0;
    color: #201d1d;
}

.btn-download:hover,
.btn-green:hover {
    background-color: #469a2e;
    color: #fdfcfc;
}

.btn-orange:hover {
    background-color: #f5bd68;
    color: #201d1d;
}

.btn-cyan:hover {
    background-color: #6ccfe8;
    color: #201d1d;
}

.btn-download:active,
.btn-green:active,
.btn-download:hover:active,
.btn-green:hover:active {
    background-color: #2f6b1f;
    color: #fdfcfc;
}

.btn-orange:active {
    background-color: #c8872e;
    color: #201d1d;
}

.btn-cyan:active {
    background-color: #3a96b2;
    color: #201d1d;
}

.btn-download:focus {
    outline: 2px solid #fdfcfc;
    outline-offset: 2px;
}

/* Selectors Level 4: regla aislada. */
.btn-download:focus-visible {
    outline: 2px solid #fdfcfc;
    outline-offset: 2px;
}

.arrow {
    font-size: 1em;
    line-height: 1;
}

@media (max-width: 480px) {
    .btn-download {
        min-height: 44px;
        padding: 8px 20px;
    }
}