#discord {
  .widget {
    position: fixed;
    bottom: 80px;
    right: 15px;
    display: none;

    iframe {
      box-shadow: rgba(115, 136, 217, 0.3) 0px 3px 5px -1px,
        rgba(115, 136, 217, 0.14) 0px 6px 10px 0px,
        rgba(115, 136, 217, 0.12) 0px 1px 18px 0px;
    }
  }

  button {
    position: fixed;
    bottom: 15px;
    right: 15px;
    min-width: 50px;
    width: 50px;
    height: 50px;
    background-color: #7289da;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(115, 136, 217, 0.3) 0px 3px 5px -1px,
      rgba(115, 136, 217, 0.14) 0px 6px 10px 0px,
      rgba(115, 136, 217, 0.12) 0px 1px 18px 0px;
    cursor: pointer;

    &:focus {
      outline: none;
    }

    i {
      font-size: 24px;
    }
  }
}

@include breakpoint("<xsmall") {
  #discord {
    display: none;
  }
}
