/**
  * Custom styles for core/read-more
  * We have registered all custom block styles using JSON 
  *
  * @link https://fullsiteediting.com/lessons/custom-block-styles/
  *
  */
.wp-block-read-more {
  padding: 0;
  /**
    * Style - 01
    * Name  : Primary
    * Slug  : is-style-primary
    *
    */
}
.wp-block-read-more.is-style-primary {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  appearance: none;
  outline: none !important;
  background-color: var(--wp--preset--color--text-primary);
  transition: all 0.5s linear;
  overflow: hidden;
  z-index: 1;
}
.wp-block-read-more.is-style-primary:before {
  position: absolute;
  content: "";
  background-color: var(--wp--preset--color--black);
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  left: -10%;
  border-radius: 50%;
  transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
  z-index: -1;
}
.wp-block-read-more.is-style-primary:after {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--wp--preset--color--black);
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  z-index: -1;
}
.wp-block-read-more.is-style-primary:hover {
  color: var(--wp--preset--color--base);
  border-color: var(--wp--preset--color--black) !important;
  transition-duration: 0.1s;
  transition-delay: 0.6s;
  transition-timing-function: linear;
}
.wp-block-read-more.is-style-primary:hover:before {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.wp-block-read-more.is-style-primary:hover:after {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.05s;
  transition-delay: 0.4s;
  transition-timing-function: linear;
}