.circle {
  border-radius: 400px;
  color: #f8f9fa;
  cursor: pointer;
  width: 55px;
  min-width: 55px;
  height: 55px;
  line-height: 55px;
  display: flex;
  align-items: center;
  justify-items: center;
  margin: 0 20px; }
  .circle i {
    color: #fff; }

/*
        .button {
            text-align: center;
            text-transform: uppercase;
            text-decoration: none;
            font-family: "Segoe UI";
            letter-spacing: 1px;
            width: $circle-size;
            height: $circle-size;
            display: flex;
            justify-content: center;
            align-self: center;
            align-items: center;

            &.circle {
                background: $red;
                border: solid $outside-circle-border $lighter-gray;
                border-radius: 900px;
                color: $off-white;
                cursor: pointer;
                width: $circle-size;
                height: $circle-size;
                line-height: $circle-size;
                position: relative;
                margin: auto;
                transition: 0.5s;

                &:hover {
                    background: $bright-red;
                    padding: -2px;
                    transition: 0.5s;
                }
            }
        }

        .button i {
            font-size: 1.75rem;
            margin-left: 4px; //border offset
        }

        .button-group {
            display: flex;
            justify-content: space-around;
            align-items: center;

            &.button-item {
                width: 100px;
                max-width: 130px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            span {
                display: flex;
                align-self: center;
                color: $black;
                justify-content: center;
                font-weight: bold;
                text-transform: uppercase;
                font-size: .85rem;
                margin-top: .5em;
            }
        }*/
.icons i {
  font-size: 30px;
  margin: 5px 15px; }