.component-play-button{position:relative;display:flex;align-items:center;flex-grow:0;flex-shrink:0;justify-content:center;width:min(calc(3.75rem + 1.25 * (100vw - 22.5rem) / 77.5),5rem);height:min(calc(3.75rem + 1.25 * (100vw - 22.5rem) / 77.5),5rem);padding:0;cursor:pointer;transition-duration:250ms;transition-property:background-color,color,border-color,opacity;border-width:clamp(0.0625rem,calc(0.0625rem + 0 * (100vw - 22.5rem) / 77.5),0.0625rem);border-style:solid;border-radius:clamp(624.9375rem,calc(624.9375rem + 0 * (100vw - 22.5rem) / 77.5),624.9375rem)}.component-play-button .icon-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.component-play-button .icon-wrapper svg{display:block;width:min(calc(2.5rem + 1.25 * (100vw - 22.5rem) / 77.5),3.75rem);height:min(calc(2.5rem + 1.25 * (100vw - 22.5rem) / 77.5),3.75rem);color:inherit;border-radius:min(calc(1.25rem + 5 * (100vw - 22.5rem) / 77.5),6.25rem);-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.component-play-button.is-style-dark{color:#000;border-color:#dfef0c;background-color:#dfef0c}.component-play-button.is-style-dark .icon-wrapper{background:rgba(0,0,0,0)}.component-play-button.is-style-dark:hover,.component-play-button.is-style-dark:focus{color:#f9f9f7;border-color:#7546e4;background-color:#7546e4}.component-play-button.is-style-dark:hover .icon-wrapper,.component-play-button.is-style-dark:focus .icon-wrapper{background:rgba(0,0,0,0)}.component-play-button.is-style-light{color:#000;border-color:#9b72fd;background-color:#9b72fd}.component-play-button.is-style-light .icon-wrapper{background:rgba(0,0,0,0)}.component-play-button.is-style-light:hover,.component-play-button.is-style-light:focus{color:#f9f9f7;border-color:#7546e4;background-color:#7546e4}.component-play-button.is-style-light:hover .icon-wrapper,.component-play-button.is-style-light:focus .icon-wrapper{background:rgba(0,0,0,0)}