.show-gallery-button {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 10px; /* Adjust the border-radius to change the roundness of corners */
  cursor: pointer;
  background-color: #3498db; /* Button background color */
  color: #ffffff; /* Button text color */
  border: 2px solid #2980b9; /* Border color */
  transition: background-color 0.3s, color 0.3s, border 0.3s;

  padding:10px !important;
}

.show-gallery-button:hover {
  background-color: #2980b9; /* Hover background color */
  color: #ffffff; /* Hover text color */
  border: 2px solid #3498db; /* Hover border color */
}

.show-more-button {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 10px; /* Adjust the border-radius to change the roundness of corners */
  cursor: pointer;
  background-color: #af1047; /* Button background color */
  color: #ffffff; /* Button text color */
  border: 2px solid #af1047; /* Border color */
  transition: background-color 0.3s, color 0.3s, border 0.3s;

  padding:10px !important;
}

.show-more-button:hover {
  background-color: #b92957; /* Hover background color */
  color: #ffffff; /* Hover text color */
  border: 2px solid #b92957; /* Hover border color */
}


.placeholder-content {
  width: 100px;
  height: 15px;
  overflow: hidden;
  background: #000;
  position: relative;
  display: inline-block;


  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;

  &_item {
     width: 100%;
     height: 15px;
     position: absolute;
     background: #fff;
     z-index: 2;

     &:after,
     &:before {
        width: inherit;
        height: inherit;
        content: '';
        position: absolute;
     }

     &:nth-child(1) {
        top: 20px;
        width: 20px;
        left: 170px;
        height: 10px;
     }
  }
}

@keyframes placeholderAnimate {
  0% {
     background-position: -650px 0;
  }

  100% {
     background-position: 650px 0;
  }
}