/* Idol Horse: "Add to calendar" in the racing calendar popups */

/* The race row wraps so the button sits on its own line under the race. */
.calendar-module .date-box .calendar .day .popup .item-result .item-result-bottom .item {
    flex-wrap: wrap;
}
.calendar-module .date-box .calendar .day .popup .ih-atc {
    flex: 0 0 100%;
    width: 100%;
    margin: 6px 0 4px;
    text-align: left;
}
.calendar-module .date-box .calendar .day .popup .ih-atc-toggle,
.calendar-module .date-box .calendar .day .popup .ih-atc-option {
    display: inline-block;
    margin: 0;
    padding: 2px 10px;
    border: 1px solid #0e4436;
    border-radius: 11px;
    background: transparent;
    color: #0e4436;
    font-family: "GTFlexaMonoTrial-Lt", monospace;
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .2s, color .2s;
}
.calendar-module .date-box .calendar .day .popup .ih-atc-toggle:hover,
.calendar-module .date-box .calendar .day .popup .ih-atc-toggle[aria-expanded="true"],
.calendar-module .date-box .calendar .day .popup .ih-atc-option:hover,
.calendar-module .date-box .calendar .day .popup .ih-atc-option:focus-visible {
    background: #0e4436;
    color: #d9e3cb;
    opacity: 1;
}
.calendar-module .date-box .calendar .day .popup .ih-atc-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}
.calendar-module .date-box .calendar .day .popup .ih-atc-menu[hidden] {
    display: none;
}