.btn {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    padding: 13px 16px;
    border-radius: 8px;
    overflow: hidden;
}

.btn-secondary {
    background-color: var(--color-white);
    border: 1px solid var(--color-1);
    color: var(--color-1);
    transition: all 250ms;
}

.btn-secondary .bi {
    display: none;
}

.btn-secondary:hover, .btn-secondary:focus {
    background-color: var(--color-1) !important;
    color: var(--color-white) !important;
    border: 1px solid var(--color-1);
    outline: none;
    box-shadow: none !important;
}

.btn-danger {
    background-color: var(--color-7);
    border-color: var(--color-7);
    box-shadow: none !important;
    transition: all 250ms;
}

.btn-danger:hover {
    background-color: transparent;
    color: var(--color-7);
}