Factorial - API Login Button

by Paulo Ávila

HTML

<span class="api-button">
  Factorial Login
</span>

CSS

.api-button {
  display: inline-block;
  height: 18px;
  padding: 5px 12px;
  background-color: white;
  background-color: #FF355E;
  border: 2px solid #FF355E;
  border-radius: 50px;
  color: #FF355E;
  color: white;
  text-align: center;
  cursor: pointer;
  user-select: none;
  font-family: Inter, "Helvetica neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.api-button:hover {
  background-color: #FFEBEF;
  background-color: #FF5D7E;
  background-color: #FF355E;
}
.api-button::before {
  display: inline-block;
  width: 18px;
  padding-right: 5px;
  color: #FF355E;
  vertical-align: middle;
  content: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680 680' style='transform: scale(1, -1);'%3E%3Cpath fill='%23FFF' d='M 554.078,75.8477 C 495.633,28.418 421.137,0 340,0 258.863,0 184.367,28.418 125.922,75.8477 184.367,123.273 258.863,151.691 340,151.691 c 81.137,0 155.633,-28.418 214.078,-75.8433'/%3E%3Cpath fill='%23FFF' d='M 124.055,157.91 C 82.5547,207.082 57.5391,270.617 57.5391,340 57.5391,496 184,622.461 340,622.461 496,622.461 622.461,496 622.461,340 c 0,-69.383 -25.016,-132.918 -66.516,-182.09 14.278,-8.918 27.965,-18.699 40.981,-29.262 l 5.687,-4.613 C 650.965,182.762 680,257.988 680,340 680,527.777 527.777,680 340,680 152.223,680 0,527.777 0,340 0,257.988 29.0352,182.762 77.3867,124.035 l 5.6875,4.613 c 13.0156,10.563 26.7028,20.344 40.9808,29.262' /%3E%3Cpath fill='%23FFF' d='m 465.539,350.461 c 0,-69.332 -56.207,-125.539 -125.539,-125.539 -69.332,0 -125.539,56.207 -125.539,125.539 0,69.336 56.207,125.539 125.539,125.539 69.332,0 125.539,-56.203 125.539,-125.539' /%3E%3Cpath d='m 3248.31,120.309 h -83.69 v 465.539 h 83.69 V 120.309' /%3E%3Cpath d='m 2872.82,220.23 c 15.37,-15.71 34.89,-23.57 58.54,-23.57 23.65,0 43.16,7.86 58.53,23.57 15.77,16.118 24.34,36.665 24.34,61.645 0,24.977 -8.57,45.324 -24.34,61.035 -15.37,16.117 -34.88,24.176 -58.53,24.176 -23.65,0 -43.17,-8.059 -58.54,-24.176 -15.37,-15.711...