.drm-picturebutton {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  box-sizing: border-box;
}
.drm-picturebutton, .drm-picturebutton:link, .drm-picturebutton:visited, .drm-picturebutton:hover, .drm-picturebutton:focus, .drm-picturebutton:active {
  color: #fff;
}
.drm-picturebutton--16x9 {
  padding-bottom: 56.25%;
}
.drm-picturebutton--4x3 {
  padding-bottom: 75%;
}
.drm-picturebutton--1x1 {
  padding-bottom: 100%;
}
.drm-picturebutton--3x4 {
  padding-bottom: 133.33%;
}
.drm-picturebutton--9x16 {
  padding-bottom: 177.78%;
}
.drm-picturebutton__picture, .drm-picturebutton__overlay, .drm-picturebutton__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.drm-picturebutton__picture {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.drm-picturebutton__picture--is-grayscale {
  filter: grayscale(1);
}
.drm-picturebutton__overlay--opacity-0 {
  opacity: 0;
}
.drm-picturebutton__overlay--opacity-10 {
  opacity: 0.1;
}
.drm-picturebutton__overlay--opacity-20 {
  opacity: 0.2;
}
.drm-picturebutton__overlay--opacity-30 {
  opacity: 0.3;
}
.drm-picturebutton__overlay--opacity-40 {
  opacity: 0.4;
}
.drm-picturebutton__overlay--opacity-50 {
  opacity: 0.5;
}
.drm-picturebutton__overlay--opacity-60 {
  opacity: 0.6;
}
.drm-picturebutton__overlay--opacity-70 {
  opacity: 0.7;
}
.drm-picturebutton__overlay--opacity-80 {
  opacity: 0.8;
}
.drm-picturebutton__overlay--opacity-90 {
  opacity: 0.9;
}
.drm-picturebutton__overlay--opacity-100 {
  opacity: 1;
}
.drm-picturebutton__overlay--blendmode-normal {
  mix-blend-mode: normal;
}
.drm-picturebutton__overlay--blendmode-multiply {
  mix-blend-mode: multiply;
}
.drm-picturebutton__overlay--blendmode-screen {
  mix-blend-mode: screen;
}
.drm-picturebutton__overlay--blendmode-overlay {
  mix-blend-mode: overlay;
}
.drm-picturebutton__overlay--blendmode-soft-light {
  mix-blend-mode: soft-light;
}
.drm-picturebutton__overlay--blendmode-color {
  mix-blend-mode: color;
}
.drm-picturebutton__content {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.drm-picturebutton--no-picture.drm-picturebutton--no-overlaycolor {
  background-color: rgba(0, 0, 0, 0.2);
}
.drm-picturebutton *, .drm-picturebutton *::before, .drm-picturebutton *::after {
  box-sizing: inherit;
}