.channel-info {
  width: 100%;
}
.channel-info__banner {
  width: calc(100% + 180px);
  height: 200px;

  margin: -40px -90px 0 -90px;
}
.channel-info__banner img {
  width: 100%;
  height: 100%;

  object-fit: cover;
}
.channel-info__meta {
  display: flex;
  align-items: center;
  gap: 24px;

  padding-top: 20px;
  padding-bottom: 40px;
}
.channel-info__thumbnail {
  width: 180px;
  height: 180px;

  border-radius: 50%;

  background-color: #bababa;
  overflow: hidden;
}
.channel-info__thumbnail img {
  width: 100%;
  height: 100%;

  cursor: pointer;

  object-fit: cover;
  object-position: center;
}
.channel-info__title {
  margin-bottom: 8px;

  font-size: 50px;
  font-weight: 700;
}
.channel-info__subscribers {
  margin-bottom: 18px;

  font-size: 20px;
  font-weight: 300;
}
.channel-info__actions {
  display: flex;
  gap: 20px;
}
.channel-info__actions button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  width: 150px;
  height: 50px;

  color: #ffffff;

  border-radius: 9px;
  cursor: pointer;

  font-size: 20px;
}
.channel-info__actions button img {
  width: 30px;
  height: 30px;
}
.channel-info__actions button:first-of-type {
  background-color: #b18658;
}
.channel-info__actions button:last-of-type {
  background-color: #777777;
}

.divider {
  width: 100%;
  height: 1px;

  margin-bottom: 24px;

  background-color: #4d4d4d;
}

.button-subcribe {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 5px;

  width: 140px;
  height: 40px;

  border: 1px solid #494949;
  border-radius: 20px;

  font-size: 16px;
}
.button-subcribe.active {
  background-color: #b18658;
  border: none;
}
.button-subcribe img {
  width: 29px;
}