/* @define Btn */

.Btn.is-small {
    font-size: 0.75rem;
    padding: 2px 4px;
}

.Btn-close:hover {
    background: rgb(0 0 0 / 20%);
}

.Btn-link:hover,
.Btn-link:active {
    color: var(--primary) !important;
    text-decoration: underline;
}

.Btn--linkOutline {
    border: 1px solid var(--border-subtle);
}

/* Using !important so that custom styles are not overridden by dayshape-bootstrap.css */
.Btn--linkOutline:hover,
.Btn--linkOutline:focus,
.Btn--linkOutline:active {
    background-color: var(--white) !important;
    border: 1px solid var(--primary) !important;
    color: var(--primary) !important;
}