.btn-ani-wrap {
  position: relative; }

.btn-round {
  cursor: pointer;
  position: relative;
  display: block;
  width: 37px;
  height: 37px; }
  @media all and (min-width: 1266px) {
    .btn-round {
      width: clamp(2.3125rem, calc(1.22rem + 1.39vw), 3.4375rem);
      height: clamp(2.3125rem, calc(1.22rem + 1.39vw), 3.4375rem); } }
  .btn-round .round-ani-container {
    position: absolute;
    z-index: 2;
    top: 0; }
  .btn-round .round-ani-wrap {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: height 0.2s ease;
    background-color: transparent;
    border: 1px solid #89FFBA;
    width: 37px;
    height: 37px;
    border-radius: 50%; }
    @media all and (min-width: 1266px) {
      .btn-round .round-ani-wrap {
        width: clamp(2.3125rem, calc(1.22rem + 1.39vw), 3.4375rem);
        height: clamp(2.3125rem, calc(1.22rem + 1.39vw), 3.4375rem); } }
  .btn-round .round-ani svg {
    width: 13px;
    height: 14px;
    position: relative;
    display: block;
    transform: rotate(90deg); }
    @media all and (min-width: 1266px) {
      .btn-round .round-ani svg {
        width: clamp(0.8125rem, calc(0.45rem + 0.46vw), 1.1875rem);
        height: clamp(0.875rem, calc(0.45rem + 0.54vw), 1.3125rem); } }
    .btn-round .round-ani svg .st0 {
      fill: #00eb85; }
  .btn-round.roundTop {
    margin-top: 12px; }
    @media (min-width: 1265px) {
      .btn-round.roundTop {
        margin-top: clamp(0.75rem, calc(0.26rem + 0.62vw), 1.25rem); } }
    .btn-round.roundTop svg {
      transform: rotate(-90deg); }

.btn-round:hover .round-ani-wrap,
.content-distributor .item:hover .round-ani-wrap {
  padding-bottom: 13px;
  border-radius: 100px;
  align-items: end;
  height: 60px; }
  @media all and (min-width: 1266px) {
    .btn-round:hover .round-ani-wrap,
    .content-distributor .item:hover .round-ani-wrap {
      height: clamp(3.75rem, calc(2.53rem + 1.54vw), 5rem); } }
  .btn-round:hover .round-ani-wrap svg .st0,
  .content-distributor .item:hover .round-ani-wrap svg .st0 {
    fill: #fff; }

.default .btn-round:hover .round-ani-wrap svg .st0,
.default .content-distributor .item:hover .round-ani-wrap svg .st0 {
  fill: #00eb85; }

/*# sourceMappingURL=btn-round.css.map */