1button.height-toggle-cs { 2 border: none; 3 position: absolute; 4 left: 0; 5 right: 0; 6 bottom: 0; 7 width: 100%; 8 font-weight: 400; 9 padding-top: 40px; 10 background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.5)); 11 box-sizing: border-box; 12 z-index: 20; 13} 14 15button[class="height-toggle-cs"][aria-expanded="true"]{ 16 padding-top: 0; 17 background: none; 18} 19 20button.height-toggle-cs::before { 21 display: inline-block; 22 font-weight: 700; 23 line-height: 1; 24 text-align: center; 25 white-space: nowrap; 26 border-radius: 0.5rem; 27 min-width: 1rem; 28 font-size: 180%; 29 content: "▼︎"; 30 vertical-align: text-top; 31} 32 33button[class="height-toggle-cs"][aria-expanded="true"]::before { 34 transform: rotate(-180deg) translate(0, -0.6rem);; 35 vertical-align: text-bottom; 36} 37 38 39