.share-component {
  position: relative;
  display: inline-block;
}
.share-component__trigger {
  border-width: 3px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.share-component__dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  right: 0;
  transform: translateX(-50%);
  background: #ffffff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  padding: 20px;
  width: max-content;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
}
.share-component__dropdown::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #ffffff;
}
.share-component__dropdown--active {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%);
}
@media only screen and (max-width: 359px) {
  .share-component__dropdown {
    left: 0;
    right: auto;
    transform: translateX(0);
  }
  .share-component__dropdown--active {
    left: 0;
    right: auto;
    transform: translateX(0);
  }
  .share-component__dropdown::after {
    left: 20%;
  }
}
@media only screen and (max-width: 991px) and (min-width: 360px) {
  .share-component__dropdown {
    left: auto;
    right: 0;
    transform: translateX(0);
  }
  .share-component__dropdown--active {
    left: auto;
    right: 0;
    transform: translateX(0);
  }
  .share-component__dropdown::after {
    left: 80%;
  }
}
.share-component__options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1400px) {
  .share-component__option--email {
    display: none;
  }
}
.share-component__copy-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 4px;
  border-width: 3px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.share-component__copy-btn::before {
  content: "";
  width: 24px;
  height: 24px;
  mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M17.0975 16.1849C15.2075 18.0749 12.1025 18.0749 10.2125 16.1849C8.525 14.4974 8.28875 11.8312 9.6725 9.87369L9.70625 9.83994C10.0438 9.33369 10.7188 9.23244 11.225 9.56994C11.6975 9.94119 11.8325 10.6162 11.4613 11.0887L11.4275 11.1224C10.6513 12.2362 10.7863 13.6874 11.7313 14.6324C12.7775 15.7124 14.4988 15.7124 15.5788 14.6324L19.3588 10.8524C20.4388 9.80619 20.4388 8.08494 19.3588 7.00494C18.4138 6.05994 16.9288 5.95869 15.8488 6.70119L15.815 6.76869C15.3088 7.10619 14.6338 7.00494 14.2963 6.49869C13.9588 6.02619 14.06 5.35119 14.5325 4.97994L14.6 4.94619C16.5575 3.56244 19.19 3.79869 20.8775 5.48619C22.8012 7.37619 22.8012 10.4812 20.8775 12.3712L17.0975 16.1849ZM7.14125 7.81494C9.03125 5.89119 12.1363 5.89119 14.0263 7.81494C15.7138 9.50244 15.95 12.1349 14.5663 14.0924L14.5325 14.1262C14.195 14.6324 13.52 14.7337 13.0138 14.3962C12.5413 14.0587 12.4063 13.3837 12.7775 12.8774L12.8113 12.8437C13.5875 11.7637 13.4525 10.2787 12.5075 9.33369C11.4613 8.25369 9.74 8.25369 8.66 9.33369L4.88 13.1137C3.8 14.1937 3.8 15.9149 4.88 16.9612C5.825 17.9062 7.31 18.0412 8.39 17.2649L8.42375 17.2312C8.93 16.8599 9.605 16.9949 9.9425 17.4674C10.28 17.9399 10.1788 18.6149 9.70625 18.9862L9.63875 19.0199C7.68125 20.4037 5.04875 20.1674 3.36125 18.4799C1.4375 16.5899 1.4375 13.4849 3.36125 11.5949L7.14125 7.81494Z' fill='%23E24A02'/%3e%3c/svg%3e") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  transition: all 0.2s ease-in-out;
  background-color: #E24A02;
}
.share-component__copy-btn:focus::before, .share-component__copy-btn:hover::before {
  background-color: #FFF;
}

.share-component__close {
  position: absolute;
  top: 8px;
  right: 8px;
  background: none;
  border: none;
  font-size: 20px;
  color: #999;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
}
.share-component__close:hover, .share-component__close:focus {
  color: #000000;
}
@media (min-width: 769px) {
  .share-component__close {
    display: none;
  }
}

/*# sourceMappingURL=share.css.map */