video-bubbles/src/renderer-process/css/show-hide-button.css

<img src="images/bubbles-logo.svg" alt="Bubbles logo" width="50%" />

.bubbles-panel-showHide {
    background-color: rgba(255, 255, 255, 0.5);
    border: 0.1em solid rgba(255, 255, 255, 0);
    border-radius: 0 0.5em 0.5em 0;
    bottom: 0;
    color: #000;
    float: right;
    font-family: sans-serif;
    font-weight: 700;
    left: 100%;
    padding: 0.75em 0.25em;
    position: absolute;
    width: 3.5em;
}

.bubbles-panel-showHide:focus {
    border: 0.1em solid #fff;
    outline: none;
}

.bubbles-panel.bubbles-panel-hidden .bubbles-panel-showHide:focus {
    border-color: #fff;
}

.bubbles-panel-hidden .bubbles-panel-showHide-hidden {
    opacity: 0;
    transition: all 0.25s ease-in;
}

.bubbles-panel-hidden .bubbles-panel-showHide-hidden:focus {
    opacity: 1;
    transition: all 0.25s ease-in;
}