YouTube Green Download Button by EmmaPinsker1126

/* ==UserStyle==
@name           YouTube - rounded download button style
@namespace      userstyles.world/user/magma_craft
@version        1.0.0
@description    This style enables the rounded download button if you are on the new rounded YouTube layout.
@author         Magma_Craft
==/UserStyle== */

@-moz-document domain("youtube.com") {
#savefrom__yt_btn {
  height: 36px !important;
  background-color: #f8f8f8 !important;
  border-radius: 18px !important;
}

a.sf-quick-dl-btn {
  height: 36px !important;
  padding-left: 18px !important;
  background-color: #00b75a !important;
  border: none !important;
  border-top-left-radius: 18px !important;
  border-bottom-left-radius: 18px !important;
}

div a i {
  display: none !important;
}

span.sf-btn-name {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 36px !important;
}

#savefrom__yt_btn > button > i, #savefrom__yt_btn > button > span, #savefrom__yt_btn > button > img { display: none !important; }

#savefrom__yt_btn > button {
  width: 24px !important;
  height: 24px !important;
  margin: -3px 3px 0px 6px !important;
  background-color: transparent !important;	border: none !important;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg class='style-scope yt-icon'%3E%3Cpath d='M9 11 8 11 8 12 12.5 16.5 17 12 17 11 16 11 13 14 13 3 12 3 12 14ZM4 16 3 16 3 21 22 21 22 16 21 16 21 20 4 20z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
}

#savefrom__yt_btn .sf-quick-dl-btn .sf-btn-name {
  display: block !important;
}

#sf-popupMenu {
  margin-top: 6px !important;
}