.single-post .page-title .h1 {
  text-align: left;
}
@media (min-width: 48em) {
  .single-post .page-title .h1 {
    text-align: center;
  }
}
.single-post .type-post .entry-content {
  max-width: 100%;
}
@media (min-width: 75em) {
  .single-post .content .container {
    max-width: calc(1020px + var(--containerPadding));
  }
}

.entry-meta {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 48em) {
  .entry-meta {
    align-items: center;
  }
}
@media (min-width: 62em) {
  .entry-meta {
    gap: 24px;
    margin-top: 30px;
  }
}
@media (min-width: 87.5em) {
  .entry-meta {
    gap: 32px;
    margin-top: 40px;
  }
}
.entry-meta.post-views {
  margin-top: 0;
}
.entry-meta__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 48em) {
  .entry-meta__wrapper {
    flex-direction: row;
    gap: 20px;
  }
}
@media (min-width: 62em) {
  .entry-meta__wrapper {
    gap: 24px;
  }
}
.entry-meta__item {
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}
@media (min-width: 62em) {
  .entry-meta__item {
    font-size: 20px;
  }
}
@media (min-width: 87.5em) {
  .entry-meta__item {
    font-size: 24px;
  }
}
.entry-meta__title {
  display: flex;
  align-items: center;
  gap: 7px;
}
@media (min-width: 87.5em) {
  .entry-meta__title {
    gap: 10px;
  }
}
.entry-meta__value {
  color: rgba(73, 73, 73, 0.7);
}
.entry-meta__value time {
  display: none;
}
.entry-meta__value time.entry-date {
  display: block;
}

@media (min-width: 48em) {
  .meta-author {
    order: 1;
  }
}
.meta-author__link {
  text-decoration: none;
}
.meta-author__wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (min-width: 62em) {
  .meta-author__wrapper {
    gap: 16px;
  }
}
@media (min-width: 87.5em) {
  .meta-author__wrapper {
    gap: 20px;
  }
}
.meta-author__img {
  border-radius: 100%;
  overflow: hidden;
  width: 60px;
  height: auto;
  aspect-ratio: 1/1;
}
@media (min-width: 62em) {
  .meta-author__img {
    width: 75px;
  }
}
@media (min-width: 87.5em) {
  .meta-author__img {
    width: 90px;
  }
}
.meta-author__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.meta-author__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
@media (min-width: 62em) {
  .meta-author__inner {
    gap: 10px;
  }
}
@media (min-width: 87.5em) {
  .meta-author__inner {
    gap: 12px;
  }
}
.meta-author__name {
  font-family: var(--second-family);
  font-size: 20px;
}
@media (min-width: 62em) {
  .meta-author__name {
    font-size: 24px;
  }
}
@media (min-width: 87.5em) {
  .meta-author__name {
    font-size: 30px;
  }
}
.meta-author__desc {
  opacity: 0.6;
}

.post-thumbnail {
  height: 286px;
  border-radius: 18px;
  overflow: hidden;
}
@media (min-width: 48em) {
  .post-thumbnail {
    width: 100%;
    height: auto;
    aspect-ratio: 1600/722;
  }
}
@media (min-width: 62em) {
  .post-thumbnail {
    border-radius: 30px;
  }
}
.post-thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/*---Post Rating-----*/
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container {
    margin: 0;
}
.post-rating .post-rating__wrapper {
  border: none;
  padding: 40px 20px;
}

.post-rating .row {
  justify-content: center;
  row-gap: 20px;
  align-items: center;
}

.post-rating .col {
  width: 100%;
}

.post-rating__subtitle {
  text-align: center;
  margin-top: 8px;
}

.rmp-widgets-container .rmp-rating-widget__icons-list__icon {
  position: relative;
}

.post-rating .rmp-rating-widget__icons-list {
  display: flex;
  justify-content: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.post-rating.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__icons-list:before {
  content: none;
}

.rmp-widgets-container .rmp-icon--star:before,
.rmp-widgets-container .rmp-icon--star:after {
  content: "";
  display: block;
  width: 44px;
  height: auto;
  aspect-ratio: 1/1;
  mask-size: cover;
  mask-position: left center;
  background-color: var(--clr-01);
  mask-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.4"><path d="M25.171 6.43533L28.3977 12.8887C28.8377 13.787 30.011 14.6487 31.001 14.8137L36.8493 15.7853C40.5893 16.4087 41.4693 19.122 38.7743 21.7987L34.2277 26.3453C33.4577 27.1153 33.036 28.6003 33.2743 29.6637L34.576 35.292C35.6027 39.747 33.2377 41.4703 29.296 39.142L23.8143 35.897C22.8243 35.3103 21.1927 35.3103 20.1843 35.897L14.7027 39.142C10.7793 41.4703 8.39601 39.7287 9.42268 35.292L10.7243 29.6637C10.9627 28.6003 10.541 27.1153 9.77101 26.3453L5.22434 21.7987C2.54768 19.122 3.40935 16.4087 7.14935 15.7853L12.9977 14.8137C13.9693 14.6487 15.1427 13.787 15.5827 12.8887L18.8093 6.43533C20.5693 2.93367 23.4293 2.93367 25.171 6.43533Z" stroke="%23494949" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></g></svg>');
}

.rmp-widgets-container .rmp-icon--star:after {
  background: var(--clr-03);
  position: absolute;
  top: -1px;
  left: -1px;
  width: 0;
  mask-image: url('data:image/svg+xml,<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0.00390625" y="0.387695" width="120.012" height="119.191"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(%23bgblur_0_764_3769_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(%23filter0_i_764_3769)" data-figma-bg-blur-radius="10"><path d="M68.6486 17.5502L77.4486 35.1502C78.6486 37.6002 81.8486 39.9502 84.5486 40.4002L100.499 43.0502C110.699 44.7502 113.099 52.1502 105.749 59.4502L93.3486 71.8502C91.2486 73.9502 90.0986 78.0002 90.7486 80.9002L94.2986 96.2502C97.0986 108.4 90.6486 113.1 79.8986 106.75L64.9486 97.9002C62.2486 96.3002 57.7986 96.3002 55.0486 97.9002L40.0986 106.75C29.3986 113.1 22.8986 108.35 25.6986 96.2502L29.2486 80.9002C29.8986 78.0002 28.7486 73.9502 26.6486 71.8502L14.2486 59.4502C6.94857 52.1502 9.29857 44.7502 19.4986 43.0502L35.4486 40.4002C38.0986 39.9502 41.2986 37.6002 42.4986 35.1502L51.2986 17.5502C56.0986 8.0002 63.8986 8.0002 68.6486 17.5502Z" fill="url(%23paint0_radial_764_3769)" /></g><defs><filter id="filter0_i_764_3769" x="0.00390625" y="0.387695" width="120.012" height="119.191" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix" /><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /><feOffset /><feGaussianBlur stdDeviation="3.65" /><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" /><feColorMatrix type="matrix" values="0 0 0 0 0.958909 0 0 0 0 0.883344 0 0 0 0 0.546734 0 0 0 1 0" /><feBlend mode="normal" in2="shape" result="effect1_innerShadow_764_3769" /></filter><clipPath id="bgblur_0_764_3769_clip_path" transform="translate(-0.00390625 -0.387695)"><path d="M68.6486 17.5502L77.4486 35.1502C78.6486 37.6002 81.8486 39.9502 84.5486 40.4002L100.499 43.0502C110.699 44.7502 113.099 52.1502 105.749 59.4502L93.3486 71.8502C91.2486 73.9502 90.0986 78.0002 90.7486 80.9002L94.2986 96.2502C97.0986 108.4 90.6486 113.1 79.8986 106.75L64.9486 97.9002C62.2486 96.3002 57.7986 96.3002 55.0486 97.9002L40.0986 106.75C29.3986 113.1 22.8986 108.35 25.6986 96.2502L29.2486 80.9002C29.8986 78.0002 28.7486 73.9502 26.6486 71.8502L14.2486 59.4502C6.94857 52.1502 9.29857 44.7502 19.4986 43.0502L35.4486 40.4002C38.0986 39.9502 41.2986 37.6002 42.4986 35.1502L51.2986 17.5502C56.0986 8.0002 63.8986 8.0002 68.6486 17.5502Z" /></clipPath><radialGradient id="paint0_radial_764_3769" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(60.0094 59.9834) rotate(90) scale(49.5957 50.0055)"><stop stop-color="%23FAD265" /><stop offset="1" stop-color="%23F5C951" /></radialGradient></defs></svg>');
}

.rmp-widgets-container .rmp-icon--star.rmp-icon--half-highlight:after {
  width: calc(50% + 2px);
  height: calc(100% + 2px);
}

.rmp-widgets-container .rmp-icon--star.rmp-icon--full-highlight:after {
  width: calc(100% + 2px);
}

.rmp-widgets-container .rmp-icon--star.rmp-icon--hovered:after {
  width: calc(100% + 2px);
  background: none;
  background-color: #ff912c;
}

@media (min-width: 48em) {
  .post-rating .post-rating__wrapper {
    border: none;
    padding: 40px 30px;
  }
  .post-rating .col {
    width: 50%;
  }
  .rmp-widgets-container .rmp-icon--star:before {
    width: 48px;
  }
}
@media (min-width: 62em) {
  .post-rating__subtitle {
    margin-top: 10px;
  }
  .post-rating .post-rating__wrapper {
    padding: 40px;
  }
  .rmp-widgets-container .rmp-icon--star:before {
    width: 56px;
  }
}
@media (min-width: 75em) {
  .post-rating .rmp-rating-widget__icons-list {
    gap: 20px;
  }
  .rmp-widgets-container .rmp-icon--star:before {
    width: 64px;
  }
  .rmp-widgets-container .rmp-icon--star:after {
    top: -2px;
    left: -2px;
  }
  .rmp-widgets-container .rmp-icon--star.rmp-icon--half-highlight:after {
    width: calc(50% + 4px);
    height: calc(100% + 4px);
  }
  .rmp-widgets-container .rmp-icon--star.rmp-icon--full-highlight:after {
    width: calc(100% + 4px);
  }
  .rmp-widgets-container .rmp-icon--star.rmp-icon--hovered:after {
    width: calc(100% + 4px);
  }
}
@media (min-width: 87.5em) {
  .post-rating .post-rating__wrapper {
    padding: 50px;
  }
  .post-rating__subtitle {
    margin-top: 20px;
  }
  .post-rating .rmp-rating-widget__icons-list {
    gap: 25px;
  }
  .rmp-widgets-container .rmp-icon--star:before {
    width: 80px;
  }
}
@media (min-width: 100em) {
  .post-rating .rmp-rating-widget__icons-list {
    gap: 40px;
  }
  .rmp-widgets-container .rmp-icon--star:before {
    width: 100px;
  }
}
/*--- / Post Rating-----*/
.comments-area .row {
  gap: 0;
}
@media (min-width: 87.5em) {
  .comments-area .row {
    --containerPadding: 60px;
  }
}
.comments-area .col {
  width: 100%;
}
@media (min-width: 48em) {
  .comments-area .col {
    width: 50%;
  }
}

.comments-subtitle {
  font-weight: 500;
  font-size: 30px;
  text-align: center;
  margin-top: 48px;
  margin-bottom: 24px;
}
@media (min-width: 48em) {
  .comments-subtitle {
    text-align: left;
  }
}
@media (min-width: 62em) {
  .comments-subtitle {
    margin-top: 56px;
    margin-bottom: 30px;
  }
}
@media (min-width: 87.5em) {
  .comments-subtitle {
    margin-top: 70px;
    margin-bottom: 40px;
    font-size: 40px;
  }
}

.comment-respond {
  border-radius: 18px;
  padding: 24px 20px;
  background-color: var(--clr-02);
}
@media (min-width: 62em) {
  .comment-respond {
    border: 1px solid rgba(0, 0, 0, 0.14);
    padding: 30px;
    border-radius: 32px;
  }
}

.comment-form p:not(:last-child) {
  margin-bottom: 24px;
}
@media (min-width: 62em) {
  .comment-form p:not(:last-child) {
    margin-bottom: 28px;
  }
}
.comment-form label {
  display: block;
  margin-bottom: 16px;
}
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 16px;
  padding: 15px;
  font-size: 16px;
  color: var(--clr-01);
}
@media (min-width: 62em) {
  .comment-form input[type=text],
  .comment-form input[type=email],
  .comment-form textarea {
    border-radius: 32px;
    padding: 20px 30px;
    font-size: 20px;
  }
}
.comment-form input[type=text]::placeholder,
.comment-form input[type=email]::placeholder,
.comment-form textarea::placeholder {
  color: rgba(73, 73, 73, 0.35);
}
.comment-form input[type=text],
.comment-form input[type=email] {
  height: 60px;
}
@media (min-width: 62em) {
  .comment-form input[type=text],
  .comment-form input[type=email] {
    height: 84px;
  }
}
.comment-form .submit {
  border-radius: 18px;
  padding: 15px 25px;
  height: 54px;
  box-shadow: inset 0 0 7px 0 #f5e18b;
  background: var(--clr-03);
  font-weight: 400;
  font-size: 16px;
  color: var(--clr-01);
  text-decoration: none;
  transition: all 0.3s;
  transition: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid transparent;
  outline: none;
  white-space: nowrap;
}
@media (min-width: 62em) {
  .comment-form .submit {
    border-radius: 33px;
    height: 84px;
    padding: 30px 50px;
    font-size: 20px;
  }
}
.comment-form .submit:hover, .comment-form .submit:active, .comment-form .submit:focus {
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.14);
  box-shadow: unset;
  background: var(--clr-02);
}
@media (min-width: 62em) {
  .comment-form .form-submit {
    margin-top: 40px;
  }
}

.comments-header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: 48px;
  margin-bottom: 32px;
}
.comments-header .comments-subtitle {
  margin: 0;
}
@media (min-width: 62em) {
  .comments-header {
    margin-top: 56px;
    margin-bottom: 30px;
  }
}
@media (min-width: 87.5em) {
  .comments-header {
    margin-top: 70px;
    margin-bottom: 40px;
  }
}

.comment-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 62em) {
  .comment-list {
    gap: 50px;
  }
}
@media (min-width: 87.5em) {
  .comment-list {
    gap: 60px;
  }
}

.comment .comment {
  padding-left: 56px;
  margin-top: 20px;
  position: relative;
}
@media (min-width: 75em) {
  .comment .comment {
    padding-left: 90px;
    padding-top: 10px;
  }
}
@media (min-width: 87.5em) {
  .comment .comment {
    padding-left: 120px;
  }
}
@media (min-width: 102.5em) {
  .comment .comment {
    padding-left: 168px;
    padding-top: 16px;
  }
}
.comment .comment:before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-left: 1px solid #494949;
  border-bottom: 1px solid #494949;
  opacity: 0.4;
  width: 44px;
}
@media (min-width: 75em) {
  .comment .comment:before {
    width: 76px;
  }
}
@media (min-width: 87.5em) {
  .comment .comment:before {
    width: 104px;
  }
}
@media (min-width: 102.5em) {
  .comment .comment:before {
    width: 142px;
  }
}

/* Вирівнювання елементів коментаря */
.comment-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.comment-header {
  display: flex;
}
.comment-header .col {
  width: auto;
}
.comment-header .col-middle {
  margin-right: auto;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 62em) {
  .comment-header .col-middle {
    padding: 10px 15px;
  }
}
.comment-header .col-right {
  align-items: end;
  padding-bottom: 8px;
}
@media (min-width: 62em) {
  .comment-header .col-right {
    padding-bottom: 10px;
  }
}
.comment-header .comments-subtitle {
  margin: 0;
}

.comment-author-avatar {
  width: 62px;
  height: 62px;
  border-radius: 50%;
}
@media (min-width: 62em) {
  .comment-author-avatar {
    width: 70px;
    height: 70px;
  }
}
@media (min-width: 87.5em) {
  .comment-author-avatar {
    width: 82px;
    height: 82px;
  }
}

/* Базовий стиль для контейнера аватара */
.comment-author-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-02);
  font-size: 18px;
  font-weight: 400;
  flex-shrink: 0;
}
@media (min-width: 62em) {
  .comment-author-avatar {
    font-size: 24px;
  }
}
@media (min-width: 87.5em) {
  .comment-author-avatar {
    font-size: 27px;
  }
}

/* Стилі для класів кольорів */
.avatar-red {
  background-color: #e6594f;
}

.avatar-blue {
  background-color: #6ab0e2;
}

.avatar-green {
  background-color: #74c05d;
}

.avatar-purple {
  background-color: #d079d8;
}

.avatar-orange {
  background-color: #ff9800;
}

.avatar-teal {
  background-color: #179b8e;
}

.avatar-indigo {
  background-color: #4a5ab4;
}

.avatar-brown {
  background-color: #9e826f;
}

.custom-image-avatar {
  overflow: hidden;
}

.custom-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Забезпечує, що зображення заповнить контейнер */
}

.comment-author {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
}
@media (min-width: 62em) {
  .comment-author {
    font-size: 24px;
  }
}
@media (min-width: 87.5em) {
  .comment-author {
    font-size: 27px;
  }
}

.comment-meta {
  opacity: 0.7;
}
.comment-meta a {
  text-decoration: none;
  appearance: none;
}

.comment-reply-link {
  display: block;
  width: fit-content;
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--clr-01);
  margin-top: 20px;
  font-size: 18px;
  opacity: 0.7;
  transition: opacity 0.3s;
}
@media (min-width: 62em) {
  .comment-reply-link {
    font-size: 24px;
  }
}
@media (min-width: 87.5em) {
  .comment-reply-link {
    font-size: 27px;
  }
}
.comment-reply-link .hi {
  transform: translateY(2px);
}
.comment-reply-link:hover {
  opacity: 1;
}

.more-comments {
  margin-top: 40px;
}

.latest-articles__btn {
  margin-top: 20px;
  width: 100%;
}
@media (min-width: 48em) {
  .latest-articles__btn {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
  }
}
@media (min-width: 62em) {
  .latest-articles__btn {
    margin-top: 40px;
    width: 230px;
  }
}

@media (min-width: 48em) {
  .latest-articles-container--mob .swiper-wrapper {
    --containerPadding:20px;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: var(--containerPadding);
    margin-left: calc(-0.5 * var(--containerPadding));
    margin-right: calc(-0.5 * var(--containerPadding));
  }
}
@media (min-width: 87.5em) {
  .latest-articles-container--mob .swiper-wrapper {
    --containerPadding:30px;
  }
}
@media (min-width: 48em) {
  .latest-articles-container--mob .swiper-slide {
    width: 50%;
    padding: 0 calc(0.5 * var(--containerPadding));
  }
}
@media (min-width: 75em) {
  .latest-articles-container--mob .swiper-slide {
    width: 33.333333%;
  }
}

.card-article {
  border: none;
}
.card-article__img {
  position: relative;
  width: 100%;
  height: 238px;
  z-index: 0;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 48em) {
  .card-article__img {
    height: auto;
    aspect-ratio: 429/337;
  }
}
@media (min-width: 62em) {
  .card-article__img {
    border-radius: 28px;
  }
}
.card-article__meta {
  display: flex;
  margin-top: 16px;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
@media (min-width: 62em) {
  .card-article__meta {
    margin-top: 18px;
  }
}
.card-article__category {
  display: flex;
  align-items: center;
  gap: 4px;
}
.card-article__category span {
  opacity: 0.7;
}
.card-article__date {
  display: flex;
  align-items: center;
  gap: 4px;
}
.card-article__date span {
  opacity: 0.7;
}
.card-article__title {
  margin-top: 32px;
}
@media (min-width: 62em) {
  .card-article__title {
    margin-top: 30px;
  }
}
.card-article__intro {
  margin-top: 16px;
}
@media (min-width: 62em) {
  .card-article__intro {
    margin-top: 30px;
  }
}
.card-article__btn {
  margin-top: 32px;
}
@media (min-width: 48em) {
  .card-article__btn {
    width: 150px;
  }
}
@media (min-width: 62em) {
  .card-article__btn {
    margin-top: 50px;
    width: 230px;
  }
}

.social-share {
  border-radius: 18px;
  height: 68px;
  padding: 12px 20px;
  display: flex;
  position: fixed;
  z-index: 9;
  bottom: 30px;
  right: calc((100% - var(--container-width) + var(--containerPadding)) / 2);
  background-color: var(--clr-02);
}
@media (min-width: 62em) {
  .social-share {
    height: auto;
    right: unset;
    bottom: unset;
    left: calc((100% - var(--container-width) + var(--containerPadding)) / 2);
    top: 50%;
    transform: translateY(-50%);
    padding: 20px 25px;
    border-radius: 30px;
  }
}
.social-share.active .social-share__inner {
  width: 170px;
}
.social-share.active .social-share__suf {
  display: block;
}
.social-share__wrapper {
  display: flex;
}
@media (min-width: 62em) {
  .social-share__wrapper {
    flex-direction: column;
    gap: 20px;
  }
}
.social-share__btn {
  display: flex;
  align-items: center;
}
.social-share__btn .hi {
  margin-right: 4px;
}
.social-share__suf {
  display: none;
}
.social-share__inner {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 0;
  overflow: hidden;
  transition: width 0.5s;
}
@media (min-width: 62em) {
  .social-share__inner {
    width: auto;
    flex-direction: column;
    gap: 10px;
  }
}
.social-share__share {
  border-radius: 100%;
  width: 44px;
  height: auto;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--clr-03);
  border: 1px solid transparent;
  font-size: 18px;
}
@media (min-width: 62em) {
  .social-share__share {
    font-size: 24px;
    width: 72px;
  }
}
.social-share__share:hover {
  background: var(--clr-02);
  border: 1px solid rgba(73, 73, 73, 0.4);
}
.social-share__share:first-child {
  margin-left: 20px;
}
@media (min-width: 62em) {
  .social-share__share:first-child {
    margin: 0;
  }
}