.c-fab {
  position: fixed;
  bottom: 3rem;
  right: 2rem;
  z-index: 25; }
  .c-fab .c-button:before {
    animation: blink 1.5s infinite;
    background-color: inherit;
    border-radius: inherit;
    content: '';
    display: block;
    height: 100%;
    transition: all 300ms;
    width: 100%;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0; }
  .c-fab--lb {
    left: 2rem;
    right: auto; }
  @media all and (min-width: 575px) {
    .c-fab--rounded .c-button {
      border-radius: 99rem; } }
  @media all and (max-width: 574px) {
    .c-fab {
      left: 0;
      right: 0;
      bottom: 0; }
      .c-fab .c-button {
        width: 100%;
        border-radius: 0; }
        .c-fab .c-button:before {
          content: none; } }

@keyframes blink {
  0% {
    opacity: 1;
    transform: scaleY(1) scaleX(1); }
  60% {
    box-shadow: 0 0 5px var(--color-primary-light); }
  90% {
    opacity: 0;
    transform: scaleY(1.3) scaleX(1.1); }
  100% {
    opacity: 0;
    transform: scaleY(1.3) scaleX(1.1); } }