@charset "utf-8";

.shareholder-benefits-btn {
  position: fixed;
  width: 250px;
  right: 35px;
  bottom: 60px;
  z-index: 999;
}

.shareholder-benefits-btn .g-ButtonUnit__link {
  background-size: 24px auto;
  background-position: left 24px top 49%;
  background-repeat: no-repeat;
  border: 3px solid #017b7c;
  background-color: #f0fba8;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  color: #017b7c;
  text-align: left;
  padding: 14px 20px 14px 60px;
  font-size: 1.125rem;
  border-radius: 30px;
}

.shareholder-benefits-btn .g-ButtonUnit__link .cmn-richtext {
  padding-right: 0;
}

.shareholder-benefits-btn .g-ButtonUnit__link .g-ButtonUnit__link__icon {
  color: #017b7c;
  margin-top: 0;
  transform: translateY(-50%);
  top: 51%;
  right: 17px;
  font-size: 1.5rem;
  font-weight: bold;
}

@media screen and (min-width: 1025px) {
  .shareholder-benefits-btn .g-ButtonUnit__link {
    transition: all .3s;
  }
  .shareholder-benefits-btn .g-ButtonUnit__link:hover {
    opacity: .7;
  }
}

@media screen and (max-width: 640px) {
  .shareholder-benefits-btn {
    width: 140px;
    right: 0;
  }

  .shareholder-benefits-btn .g-ButtonUnit__link {
    background-size: 20px auto;
    background-position: left 16px top 46%;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: .875rem;
    line-height: 1.3;
    padding: 12px 10px 12px 48px;
  }

  .shareholder-benefits-btn .g-ButtonUnit__link .g-ButtonUnit__link__icon {
    display: none;
  }
}