#fp__events span.upper-link:hover {
    color: var(--active-color);
    background-color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: -5px;
}

@media (max-width: 549px) {
	#fp__events .flex-end.orange-back, #fp__events .bgCover, #fp__events .zindex5 {
		background-color: transparent;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}

	#fp__events .bgCover { z-index: 1; }

	#fp__events .hippo-link {
		padding: var(--length-1x) 0px var(--length-1x);
		position: absolute;
		top: 0;
		left: 0;
		left: auto;
        width: 50%;
        text-align: center;
        background-color: var(--active-color);
        color: #fff;
        display: inline-table;
	}

	#fp__events .zindex5 { padding: 0; }

	#fp__events .upper-link {
        margin: 0;
        background-color: var(--active-color);
        background-color: var(--black-color);
        width: 30vh;
        text-align: left;
        position: absolute;
        padding: 0px 15px;
        font-size: 12px;
        color: #fff;
        transform: rotate(-90deg);
        transform-origin: top right;
        top: 1px;
        left: auto;
        right: calc(var(--bs-upper-line-width) - 1px);
        height: var(--bs-upper-line-width);
        line-height: var(--bs-upper-line-width);
    }
}