.resilience-room {
    margin: 0 0 4px;
}

.resilience-room__canvas {
    display: block;
    width: 100%;
    height: 320px;
    background: #f7f4ee;
    cursor: pointer;
}

.resilience-room__play {
    appearance: none;
    margin: 10px 0 0;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.01em;
    color: rgba(26, 24, 22, 0.72);
    text-decoration: underline;
    text-underline-offset: 0.22em;
}

.resilience-room__play:hover {
    color: #1a1816;
}

html.theme-dark .resilience-room__canvas {
    background: #121412;
}

html.theme-dark .resilience-room__play {
    color: rgba(215, 245, 223, 0.78);
}

html.theme-dark .resilience-room__play:hover {
    color: #d7f5df;
}