@use "../global" as *;


.c-button {
      display: flex;
      justify-content: center;

      &__link {
            min-width: fz(330);
            max-width: 90%;
            min-height: fz(74);
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: fz(90);
            color: #fff;
            position: relative;
            background-color: $key_sky_green;
            font-size: fz(18);
            box-shadow: 0 fz(3) fz(5) rgba($color: #000000, $alpha: .23);
            transition: linear .1233s;
            line-height: 1;

            &:hover {
                  box-shadow: none;
            }

            &.--fb {
                  background-color: #1877F2;
                  gap: fz(12);
            }
      }

      &__arw {
            fill: #fff;
            @include trans_y;
            right: fz(27);
            width: fz(16.5);
            height: fz(16.5);
      }
}