:root {
  --phelps-blue: rgb(0,87,255);
  --phelps-yellow: rgb(255,245,0);
}

.buttonstyle {
  background: none;
  color: var(--phelps-yellow);
  border: var(--phelps-blue) 2px solid;
  transition: 0.5s;
}

.buttonstyle:hover {
  background: var(--phelps-blue);
  color: var(--phelps-yellow);
  border: var(--phelps-blue) 2px solid;
}

.iframe_video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 10px;
}

.video_wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  transition: 0.5s;
}

.card {
  border-radius: 10px;
}