.btn-primary {
  background: var(--color-primary);
  transition: var(--transition-default);
}

.btn-primary:hover {
  background: var(--color-hover-primary);
}

.btn-primary:active {
  background: var(--color-hover-primary);
  transform: scale(0.98);
}

.btn-secondary {
  background: var(--color-secondary);
  transition: var(--transition-default);
}

.btn-secondary:hover {
  background: var(--color-hover-secondary);
}

.btn-secondary:active {
  background: var(--color-hover-secondary);
  transform: scale(0.98);
}

.showcase__btn {
  width: 192px;
  height: 57px;
  background: var(--theme-accent);
  border-radius: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--theme-primary-text);
  font-family: "Gotham Pro";
  font-size: 18px;
  line-height: 138%;
  transition: 350ms;
}

@media screen and (max-width: 1240px) {
  .showcase__btn {
    width: 180px;
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .showcase__btn {
    width: 163px;
    height: 48px;
  }
}

.showcase__btn:hover {
  background: var(--theme-accent-hover);
}

.showcase__btn:active {
  background: var(--theme-accent-hover);
  transform: scale(0.98);
}


.product__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 52px;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  color: var(--theme-primary-text);
  background: var(--theme-accent);
  border-radius: 39px;
  margin: 0 auto;
  transition: 350ms;
}

@media screen and (max-width: 767px) {
  .product__btn {
    width: 190px;
    height: 48px;
  }
}

.product__btn:hover {
  background: var(--theme-accent-hover);
}

.product__btn:active {
  background: var(--theme-accent-hover);
  transform: scale(0.98);
}


.control__btn {
  margin: 0;
}

@media screen and (max-width: 991px) {
  .control__btn {
    margin: 0 auto;
  }
}

.reviews__btn {
  display: none;
}

@media screen and (max-width: 991px) {
  .reviews__btn {
    display: flex;
  }
}

.gmod-hosting__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 129px;
  height: 46px;
  position: relative;
  z-index: 5;
  background: var(--theme-accent);
  border-radius: 31px;
  color: var(--theme-primary-text);
}

@media only screen and (max-width: 991px) {
  .gmod-hosting__btn {
    width: 90px;
    height: 40px;
    font-size: 15px;
  }
}

.gmod-hosting__btn:hover {
  background: var(--theme-accent-hover);
}

.gmod-hosting__btn:active {
  background: var(--theme-accent-hover);
  transform: scale(0.98);
}